@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> {{ __('Working Hours') }}
            </h3>
        </div>
        <form action="{{route('dashboard.hr.working-hours.store')}}" method="POST" id="working-hour">
            @csrf
            <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 readonly value="{{now()->format("Y-m-d")}}" 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($users as $user)
                                <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">
                                            {{$user->name}}
                                        </div>
                                        <div class="col-md-8">
                                            <div class="row">
                                                <div class="col-md-8">
                                                    <div class="row">
                                                        <div class="form-group mb-3 col-md-6">
                                                            <label>{{__("Start Time")}}</label>
                                                            <input value="09:00" type="time"
                                                                   name="start_time[{{$user->id}}]"
                                                                   class="form-control">
                                                        </div>
                                                        <div class="form-group mb-3 col-md-6">
                                                            <label>{{__("End Time")}}</label>
                                                            <input value="17:00" type="time"
                                                                   name="end_time[{{$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[{{$user->id}}]" data-id="{{$user->id}}"
                                                            class="form-control holiday_status">
                                                        <option value="1">{{__("Yes")}}</option>
                                                        <option selected value="0">{{__("No")}}</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-8 d-none">
                                                    <div class="row">

                                                        <div class="form-group mb-3 col-md-6">
                                                            <label class="mb-0">{{__("Vacation Type")}}</label>
                                                            <select name="holiday_type[{{$user->id}}]"
                                                                    class="form-control ">
                                                                <option value="yearly">{{__("Yearly")}}</option>
                                                                <option 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"
                                                                   name="holiday_reason[{{$user->id}}]"
                                                                   class="form-control">
                                                        </div>
                                                    </div>

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

    {{--    </div>--}}
@endsection

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

@endsection