@extends('app-new')

@push('head-script')
    <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">
    <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">
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Attendance Swaps</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 . '/attendance-swaps') }}">Attendance Swaps</a></li>
                    <li class="breadcrumb-item active">
                        @if (isset($attendanceSwap->id))
                            {{ trans('common/common.edit') }}
                        @else
                            {{ trans('master/master.add_new') }}
                        @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    @php
        $defaultDate = old('date', isset($attendanceSwap) && $attendanceSwap?->attendanceSummary
            ? \Carbon\Carbon::parse($attendanceSwap->attendanceSummary->attendance_date)->format('Y-m-d')
            : '');
    @endphp
    <form method="POST"
        action="{{ isset($attendanceSwap) ? url($alias . '/attendance-swaps/' . $attendanceSwap->id . '/edit') : url($alias . '/attendance-swaps') }}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
        @if (isset($attendanceSwap->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 Employee</option>
                                        @foreach ($employees as $employee)
                                            <option value="{{ $employee->id }}"
                                                {{ old('employee_id', $attendanceSwap->employee_id ?? '') == $employee->id ? 'selected' : '' }}>
                                                {{ $employee->name }} ({{ $employee->employee_code }})
                                            </option>
                                        @endforeach
                                    </select>
                                    {!! $errors->first('employee_id', '<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="{{ $defaultDate }}">
                                    {!! $errors->first('date', '<label class="error">:message</label>') !!}
                                </div>

                                <div class="col-md-4 mb-1">
                                    <label class="form-label" for="swapped_organization_id">
                                        Swapped Organization <span class="mendatory-field text-danger">*</span>
                                    </label>
                                    <select class="form-control select2 {{ $errors->has('swapped_organization_id') ? 'error' : '' }}"
                                        id="swapped_organization_id" name="swapped_organization_id">
                                        <option value="">Select Organization</option>
                                        @foreach ($swappedOrganizations as $org)
                                            <option value="{{ $org->id }}"
                                                {{ old('swapped_organization_id', $attendanceSwap->swapped_organization_id ?? '') == $org->id ? 'selected' : '' }}>
                                                {{ $org->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    {!! $errors->first('swapped_organization_id', '<label class="error">:message</label>') !!}
                                </div>

                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Incentive Rate (Hourly)</label>
                                    <input type="number" step="0.01" min="0" name="incentive_rate"
                                        class="form-control"
                                        value="{{ old('incentive_rate', $attendanceSwap->incentive_rate ?? '') }}">
                                    {!! $errors->first('incentive_rate', '<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($attendanceSwap) ? 'success' : 'primary' }}" id="submit-text">
                                            {{ isset($attendanceSwap) ? trans('Update') : trans('common/common.submit') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>
@endsection

@push('footer-script')
    <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>
    <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>
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>
    <script>
        flatpickr("#date", {
            maxDate: "today",
            dateFormat: "Y-m-d"
        });
    </script>
@endpush