@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('LTA 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 . '/lta') }}">LTA Master</a>
                    </li>
                    <li class="breadcrumb-item active">
                        @if(isset($LtaById->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($LtaById) ? route('lta.update', ['alias' => $alias, 'id' => $LtaById->id]) : route('lta.store', ['alias' => $alias]) }}"
      {{ isset($LtaById) && $LtaById->status === 'paid' ? 'disabled' : '' }}>
          @csrf
          @if(isset($LtaById->id))
              @method('PUT')
          @endif

        @if(isset($LtaById) && $LtaById->status === 'paid')
            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                <strong>Warning!</strong> This LTA record is marked as <strong>PAID</strong> and cannot be edited.
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @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" required {{ isset($LtaById) && $LtaById->status === 'paid' ? 'disabled' : '' }}>
                                        <option value="">Select Employee</option>
                                        @foreach($employees as $employee)
                                            <option value="{{ $employee->id }}" {{ old('employee_id', $LtaById->employee_id ?? '') == $employee->id ? 'selected' : '' }}>
                                                {{ $employee->first_name }} {{ $employee->last_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="amount">
                                        {{ trans('LTA Amount') }}
                                        <span class="mendatory-field text-danger">*</span>
                                    </label>
                                    <input type="number" name="amount" id="amount"
                                        class="form-control {{ $errors->has('amount') ? 'error' : '' }}"
                                        placeholder="Enter LTA amount"
                                        value="{{ old('amount', $LtaById->amount ?? '') }}"
                                        step="0.01"
                                        min="0"
                                        required
                                        {{ isset($LtaById) && $LtaById->status === 'paid' ? 'disabled' : '' }}>
                                    {!! $errors->first('amount', '<label id="basic-default-name-error" for="amount" class="error">:message</label>') !!}
                                </div>

                                <div class="col-md-4 mb-1">
                                    <label class="form-label required" for="payable_month">
                                        {{ trans('Payable Month') }}
                                        <span class="mendatory-field text-danger">*</span>
                                    </label>
                                    <select class="form-control select2 {{ $errors->has('payable_month') ? 'error' : '' }}" id="payable_month" name="payable_month" required {{ isset($LtaById) && $LtaById->status === 'paid' ? 'disabled' : '' }}>
                                        <option value="">Select Month</option>
                                        @foreach(['1' => 'January', '2' => 'February', '3' => 'March', '4' => 'April', '5' => 'May', '6' => 'June', '7' => 'July', '8' => 'August', '9' => 'September', '10' => 'October', '11' => 'November', '12' => 'December'] as $monthNum => $monthName)
                                            <option value="{{ $monthNum }}" {{ old('payable_month', $LtaById->payable_month ?? '') == $monthNum ? 'selected' : '' }}>
                                                {{ $monthName }}
                                            </option>
                                        @endforeach
                                    </select>
                                    {!! $errors->first('payable_month', '<label id="basic-default-name-error" for="payable_month" class="error">:message</label>') !!}
                                </div>

                                <div class="col-md-4 mb-1">
                                    <label class="form-label required" for="payable_year">
                                        {{ trans('Payable Year') }}
                                        <span class="mendatory-field text-danger">*</span>
                                    </label>
                                    <select class="form-control select2 {{ $errors->has('payable_year') ? 'error' : '' }}" id="payable_year" name="payable_year" required {{ isset($LtaById) && $LtaById->status === 'paid' ? 'disabled' : '' }}>
                                        <option value="">Select Year</option>
                                        @for($year = date('Y'); $year >= date('Y') - 10; $year--)
                                            <option value="{{ $year }}" {{ old('payable_year', $LtaById->payable_year ?? '') == $year ? 'selected' : '' }}>
                                                {{ $year }}
                                            </option>
                                        @endfor
                                    </select>
                                    {!! $errors->first('payable_year', '<label id="basic-default-name-error" for="payable_year" class="error">:message</label>') !!}
                                </div>

                                <div class="col-md-4 mb-1">
                                    <label class="form-label required" for="status">
                                        {{ trans('Status') }}
                                        <span class="mendatory-field text-danger">*</span>
                                    </label>
                                    <select class="form-control select2 {{ $errors->has('status') ? 'error' : '' }}" id="status" name="status" required {{ isset($LtaById) && $LtaById->status === 'paid' ? 'disabled' : '' }}>
                                        <option value="unpaid" {{ old('status', $LtaById->status ?? 'unpaid') == 'unpaid' ? 'selected' : '' }}>Unpaid</option>
                                        <option value="paid" {{ old('status', $LtaById->status ?? '') == 'paid' ? 'selected' : '' }}>Paid</option>
                                    </select>
                                    {!! $errors->first('status', '<label id="basic-default-name-error" for="status" 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($LtaById) ? 'success' : 'primary' }}" id="submit-text" {{ isset($LtaById) && $LtaById->status === 'paid' ? 'disabled' : '' }}>
                                            {{ isset($LtaById) ? 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>
@endpush