@extends('companyAdmin.layouts.auth')

@section('title')
{{ env('APP_NAME') }} | Edit Employee
@endsection

@section('styles')
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.16/css/bootstrap-multiselect.min.css" rel="stylesheet" />
@endsection

@section('content')
    <!-- MAIN BODY CONTENT -->
    <div class="top-header">
		<h1 class="link"><img src="{{ asset('assets/images/back-btn.svg') }}" alt=""> Return to Employees</h1>
    </div>
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h2>Add New Location Employee
                    </h2>
                </div>
                <div class="card-body">
                    <!-- add Company-->
                    <div class="row">
                    
                        <div class="col-md-6">
                            <form action="{{ route('companyAdmin.updateEmployee') }}" method="post" id="addEmp" enctype="multipart/form-data">
                            @csrf
                                <div class="upload admin">
									<label for="profile_image">
										<input type="file" class="d-none" name="profile_image" id="profile_image">
                                            @if($userDetails->userProfile->image)
                                            <img src="{{ url('storage/images/user/web/'.$userDetails->userProfile->image) }}" alt="">
                                            @else
											<img src="{{ asset('assets/images/user.svg') }}" alt="">
                                            @endif
										    <img src="{{ asset('assets/images/upload-photo.svg') }}" alt="" class="add">
									</label>
									<p class="label">Upload Employee Image</p>
                                </div>
                                <input type="hidden" name="emp_id" id="emp_id" value="{{$userDetails->id}}">
                                <div class="form-group">
                                    <label for="" class="form-label">First Name</label>
                                    <input type="text" class="form-control" name="first_name" id="first_name" value = "{{$userDetails->first_name}}">
                                </div>
                                <div class="form-group">
                                    <label for="" class="form-label">Last Name</label>
                                    <input type="text" class="form-control" name="last_name" id="last_name" value = "{{$userDetails->last_name}}">
                                </div>
                                <div class="form-group">
                                    <label for="" class="form-label">Email Address</label>
                                    <input type="text" class="form-control" name="email_address" id="email_address" disabled value = "{{$userDetails->email}}">
                                </div>

                                <!-- <div class="form-group">
                                    <label for="" class="form-label">Assigned Location</label>
                                    <input type="text" class="form-control" name="" id="">
                                    <a href="" class="assigned-link"><img
                                            src="../assets/images/circle-plus.svg" alt=""> Assign
                                        Location</a>
                                </div> -->
                                
                             

                                <div class="form-group">
                                    <label for="" class="form-label">Assign Location</label>
                                    <select name="locations[]" id="locations" class="locations" multiple="multiple">
                                        @foreach($locationDetails as $location)
                                            
                                                @if(in_array($location->id,$employeeLocation))
                                                <option value="{{$location->id}}" selected>{{$location->name}}</option>
                                                @else
                                                <option value="{{$location->id}}">{{$location->name}}</option>
                                                @endif
                                            
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="" class="form-label">Assign Active Location</label>
                                    <select name="active_location" id="active_location" class="active_location">
                                       <option value="">Select</option>
                                        @foreach($locationDetails as $location)
                                            @if(in_array($location->id,$activeLoc))
                                            <option value="{{$location->id}}"selected>{{$location->name}}</option>
                                            @else
                                            <option value="{{$location->id}}">{{$location->name}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>


                                <div class="form-group">
                                    <button type="button" class="btn btn-primary btn-block" onClick="frmsubmit();">Create</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!--// MAIN BODY CONTENT -->
@endsection

@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.16/js/bootstrap-multiselect.min.js"></script>


<script>
    $(document).ready(function() {
        $('.locations').multiselect();
    });
    function frmsubmit(){
        //alert("Hello");
        $('#addEmp').submit();
    }
</script>
@endsection