@extends("newDashboard.index")
@section("css")
    <link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
@endsection
@section("main-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('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="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>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="spinner-layer d-none">
        <div class="spinner"></div>
        <p class="fs-3">{{__('messages.Processing')}}</p>
    </div>
    {{--    </div>--}}
@endsection

@section("scripts")
    <script>
        var translations = {
            "weight": "{{__('messages.meat weight')}}",
            "name": "{{__('Name')}}",
            "production date": "{{__('Production Date')}}",
            "price": "{{__('Price')}}",
            "item_weight": "{{__('messages.weight')}}",
            "quantity": "{{__('messages.Quantity')}}",
            "weightError": "{{ __('validation.required', ['attribute' => __('messages.meat weight')]) }}",
            "automatic": "{{ __('messages.automatic') }}",
            "shoulder_meat": "{{__('messages.Shoulder meat')}}",
            "thigh_meat": "{{__('messages.Thigh meat')}}",
            "Select Inventory": "{{ __('validation.Select', ['attribute' => __('messages.Inventory')]) }}",
            "Carton_veal": "{{__('messages.Carton veal')}}"
        };
    </script>

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

@endsection