@extends("layouts.app")

@section("content")

    <div class="content-wrapper">
        <div class="page-header" style="margin-bottom: 30px;">
            <h3 class="page-title">
              <span class="page-title-icon bg-gradient-primary text-white me-2">
                <i class="mdi mdi-cards-variant menu-icon"></i>
                </span> {{ __('Update Working Hours') }}
            </h3>
        </div>
        <form action="{{route('dashboard.hr.working-hours.update',$date)}}" method="POST" id="working-hour">
            @csrf
            @method("PATCH")
            <div class="container">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="form-group mb-3 col-md-12">
                                <label>{{__("Working Hour For Date")}}</label>
                                <input disabled value="{{$date}}" type="date" name="day" class="form-control">
                            </div>
                            <div class="mb-3 d-flex justify-content-between gap-3">
                                <div>
                                    <button class="btn btn-primary">{{__("Save")}}</button>
                                </div>
                                <div class="d-flex justify-content-end gap-3">
                                    <button type="button" class="btn btn-info">PM = مساءا</button>
                                    <button type="button" class="btn btn-info">AM = صباحا</button>
                                </div>
                            </div>
                            @foreach($working_hours as $item)
                                <div class="col-12 mb-3  border pt-2 pb-2">
                                    <div class="row m-0 ">
                                        <div class="col-md-4 pt-4 mt-2">
                                            {{$item->user->name}}
                                        </div>


                                        <div class="col-md-8">
                                            <div class="row">
                                                <div class="col-md-8   @if($item->holiday != null ) d-none @endif">
                                                    <div class="row">
                                                        <div class="form-group mb-3 col-md-6">
                                                            <label>{{__("Start Time")}}</label>
                                                            <input value="{{$item->start_time ?? '09:00'}}"
                                                                   type="time" name="start_time[{{$item->user->id}}]"
                                                                   class="form-control">
                                                        </div>
                                                        <div class="form-group mb-3 col-md-6">
                                                            <label>{{__("End Time")}}</label>
                                                            <input value="{{$item->end_time ?? '17:00'}}"
                                                                   type="time" name="end_time[{{$item->user->id}}]"
                                                                   class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 col-md-4">
                                                    <label class="mb-0">{{__("On Vacation")}}</label>
                                                    <select name="is_holiday[{{$item->user->id}}]"
                                                            data-id="{{$item->user->id}}"
                                                            class="form-control holiday_status">
                                                        <option {{$item->holiday != null ?'selected' : ''}}  value="1">{{__("Yes")}}</option>
                                                        <option {{$item->holiday == null ?'selected' : ''}}
                                                                value="0">{{__("No")}}</option>
                                                    </select>
                                                </div>

                                                <div class="col-md-8 @if($item->holiday == null ) d-none @endif">
                                                    <div class="row">

                                                        <div class="form-group mb-3 col-md-6">
                                                            <label class="mb-0">{{__("Vacation Type")}}</label>
                                                            <select name="holiday_type[{{$item->user->id}}]"
                                                                    class="form-control ">
                                                                <option {{$item->holiday?->type =='yearly' ?'selected':''}} value="yearly">{{__("Yearly")}}</option>
                                                                <option  {{$item->holiday?->type =='on_employees_account' ?'selected':''}} value="on_employees_account">{{__("On employee's account")}}</option>
                                                            </select>
                                                        </div>

                                                        <div class="form-group mb-3 col-md-6">
                                                            <label class="mb-0">{{__("Vacation Reason")}}</label>
                                                            <input type="text"
                                                                   value="{{$item->holiday?->reason}}"
                                                                   name="holiday_reason[{{$item->user->id}}]"
                                                                   class="form-control">
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@section("scripts")
    <script src="{{asset('assets/js/pages/hr/create-working-hours.js?v=').config('app.version')}}"></script>

@endsection