@extends('Admin.layouts.app')
@section('content')

    <div class="row">
        <div class="col-12">
            <h1>Add Employee</h1>
            {{-- <div class="top-right-button-container">            
                <a href="{{route('dashboard')}}" class="btn btn-secondary mb-1">Back</a>            
            </div> --}}
            <div class="separator mb-5"></div>
        </div>
    </div>
    
    <div class="card mb-4">
        <div class="card-body">       
            <div class="col-sm-12 col-md-12 col-lg-12">
                @if($errors->any())
                    <div class="alert bg-danger text-white msgPopup" role="alert">
                    {{$errors->first()}}
                    </div>
                @endif  
            </div>
            {!! Form::open(['route' => 'employee.store','method'=>'POST','id'=>'form','enctype'=>'multipart/form-data']) !!}
            {{ csrf_field() }}
                <div class="form-group has-float-label">
                    <input class="form-control" type="text" name="name" required />
                    <span>Name</span>
                </div>   
                <div class="form-group has-float-label">
                    <input class="form-control" type="text" name="username" required />
                    <span>User Name</span>
                </div>
                <div class="form-group has-float-label">
                    <input class="form-control" type="text" name="phone" required />
                    <span>Phone</span>
                </div> 
                <div class="form-group has-float-label">
                    <select class="form-control select2-multiple" name="country[]" required data-width="100%" multiple="multiple" >
                        <option></option>
                        <optgroup>
                            <option value="Saudi">Saudi</option>
                            <option value="Dubai">Dubai</option>
                            <option value="India">India</option>
                            <option value="Qatar">Qatar</option>
                            <option value="Bahrain">Bahrain</option>
                            <option value="Kuwait">Kuwait</option>
                            <option value="Uk">Uk</option>
                        </optgroup>                   
                    </select>
                    <span>Country</span>
                </div>    
                <div class="form-group col-md-12">
                    <label>New Password</label>
                    <input type="password" class="form-control" name="password" id="password" placeholder="Enter Current Password" onkeyup="EnableDisable(this)" required>
                </div>
                <div class="form-group col-md-12">
                    <label>Confirm Password</label>
                    <input type="password" class="form-control" name="confirmpassword" id="confirm_password" placeholder="Enter Confirm Password" disabled>
                </div>    
                <input type="hidden" value="{{ csrf_token() }}" id="csrfToken">
                <button class="btn btn-primary" type="submit">Submit</button>
            {!! Form::close() !!} 
        </div>
    </div>
    <script type="text/javascript">
        function EnableDisable(password){
            var confirmPassword=document.getElementById("confirm_password");       

            if(password.value!=null){
                confirmPassword.disabled = false;
            }
            else{
                confirmPassword.disabled = true;
            }
        }
    </script>
@endsection