@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{ trans('Additional Hour Master') }}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ url('/home') }}">{{ trans('master/master.home') }}</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ url($alias . '/additional-hours') }}">Additional Hour Master</a>
                    </li>
                    <li class="breadcrumb-item active">
                        @if(isset($AdditionalHourById->id))
                            {{ trans('common/common.edit') }}
                        @else
                            {{ trans('master/master.add_new') }}
                        @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<form method="POST"
      action="{{ isset($AdditionalHourById) ? route('additional-hours.update', ['alias' => $alias, '/additional-hours' => $AdditionalHourById->id]) : route('additional-hours.store', ['alias' => $alias]) }}"
      redirect="{{ url($alias . '/additional-hours') }}">
          <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
          @if(isset($AdditionalHourById->id))
              <input type="hidden" name="_method" value="PUT">
          @endif

        <section id="multiple-column-form">
            <div class="card new-cardbox p-1">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card-header newheader border-bottom mb-1 px-0">
                            <h4 class="card-title">{{ trans('master/master.fill_the_below_information') }}</h4>
                        </div>
                        <div class="card-body px-0">
                            <div class="row">
                                <div class="col-md-4 mb-1">
                                <label class="form-label" for="employee_id">{{trans('employee/employee_create.employee')}} <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2 {{{ $errors->has('employee_id') ? 'error' : '' }}}" id="employee_id" name="employee_id">
                                    <option value="">Select Department</option>
                                    @foreach($employees as $employee)
                                    <option value="{{ $employee->id }}" {{ old('employee_id', $AdditionalHourById->employee_id ?? '') == $employee->id ? 'selected' : '' }}>
                                        {{ $employee->name }} ({{ $employee->employee_code }})
                                    </option>
                                    @endforeach
                                </select>
                                {!! $errors->first('employee_id', '<label id="basic-default-name-error" for="employee_id" class="error">:message</label>')!!}
                                </div>

                                <div class="col-md-4 mb-1">
                                    <label class="form-label required" for="type_id">
                                        {{ trans('Type') }}
                                        <span class="mendatory-field text-danger">*</span>
                                    </label>
                                    <select class="form-control select2 {{ $errors->has('type_id') ? 'error' : '' }}" id="type_id" name="type_id">
                                        <option value="">Select Type</option>
                                        @foreach($additionalTypes as $additionalType)
                                            <option value="{{ $additionalType->id }}" {{ old('type_id', $AdditionalHourById->type_id ?? '') == $additionalType->id ? 'selected' : '' }}>
                                                {{ $additionalType->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    {!! $errors->first('type_id', '<label id="basic-default-name-error" for="type_id" class="error">:message</label>') !!}
                                </div>


                                <div class="col-md-4 mb-1">
                                    <label class="form-label">
                                        {{ trans('master/master.working_hours') }}
                                        <span class="mendatory-field text-danger">*</span>
                                    </label>
                                    <input type="time" name="working_hours"
                                        class="form-control"
                                        value="{{ old('working_hours', @$AdditionalHourById->working_hours ?? '') }}">
                                    {!! $errors->first('working_hours', '<label class="error">:message</label>') !!}
                                </div>

                                <div class="col-md-4 mb-1">
                                    <label class="form-label">
                                        {{ trans('master/master.date') }}
                                        <span class="mendatory-field text-danger">*</span>
                                    </label>
                                <input type="text" name="date"
                                    class="form-control flatpickr-basic"
                                    id="date"
                                    value="{{ old('date', $AdditionalHourById->date ?? '') }}">

                                    {!! $errors->first('date', '<label class="error">:message</label>') !!}
                                </div>

                                <div class="col-md-12">
                                    <div class="d-flex justify-content-between content-footer">
                                        <button type="submit" class="btn btn-{{ isset($AdditionalHourById) ? 'success' : 'primary' }}" id="submit-text">
                                            {{ isset($AdditionalHourById) ? trans('Update') : trans('common/common.submit') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>
@endsection

@push('footer-script')
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
    <script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Page JS-->
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
    <script src="/app-assets/js/scripts/forms/form-validation.js"></script>
    <script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
    <!-- END: Page JS-->

    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>
    <script>
    flatpickr("#date", {
    maxDate: "today", // disables future dates
    dateFormat: "Y-m-d"
    });
    </script>
@endpush