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

    <div class="row">
        <div class="col-12">
            <h1>Edit Employee</h1>
            {{-- <div class="top-right-button-container">            
                <a href="{{route('employee.index')}}" 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::model($employee, array('route' => array('employee.update', $employee->id), 'method' => 'PUT','enctype'=>'multipart/form-data')) }}
                {{ csrf_field() }}
                <div class="form-group has-float-label">
                    <input class="form-control" type="text" name="name" value="{{$employee->name}}" required />
                    <span>Name</span>
                </div> 
                <div class="form-group has-float-label">
                    <input class="form-control" type="text" name="username" value="{{$employee->username}}" required />
                    <span>Username</span>
                </div> 
                <div class="form-group has-float-label">
                    <input class="form-control" type="text" name="phone" value="{{$employee->phone}}" required />
                    <span>Phone</span>
                </div> 
                @php
                    $selectedCountries = explode(',', $employee->country); // Convert to array
                @endphp
                <div class="form-group has-float-label">
                    <select class="form-control select2-multiple" name="country[]" required data-width="100%" value="{{$employee->country}}" multiple="multiple">
                        <option></option>
                        <optgroup>
                            <option value="Saudi" {{ in_array('Saudi', $selectedCountries) ? 'selected' : '' }}>Saudi</option>
                            <option value="Dubai" {{ in_array('Dubai', $selectedCountries) ? 'selected' : '' }}>Dubai</option>
                            <option value="India" {{ in_array('India', $selectedCountries) ? 'selected' : '' }}>India</option>
                            <option value="Qatar" {{ in_array('Qatar', $selectedCountries) ? 'selected' : '' }}>Qatar</option>
                            <option value="Bahrain" {{ in_array('Bahrain', $selectedCountries) ? 'selected' : '' }}>Bahrain</option>
                            <option value="Kuwait" {{ in_array('Kuwait', $selectedCountries) ? 'selected' : '' }}>Kuwait</option>
                            <option value="Uk" {{ in_array('Uk', $selectedCountries) ? 'selected' : '' }}>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)">
                </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>
                <div class="form-group has-float-label">
                    <select class="form-control select2-single" name="status" required data-width="100%" value="{{$employee->status}}" >
                        <option></option>
                        <optgroup>
                            <option  value="1" {{$employee->status == 1 ? 'selected' : ''}}>Unblock</option>
                            <option  value="0" {{$employee->status == 0 ? 'selected' : ''}}>Block</option>
                        </optgroup>                   
                    </select>
                    <span>Action</span>
                </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