@php
    $types = ['New' => 'New', 'Renewal' => 'Renewal'];
    $payTypes = ['Cash' => 'Cash', 'Online' => 'Online', 'Cheque' => 'Cheque'];
@endphp

@extends('admin.layouts.layouts')

@section('title', 'Create | License Document')

@section('content')
    <div class="page-header">
        <h3 class="page-title">Create License Document</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('license-document.index') }}">License Document</a></li>
                <li class="breadcrumb-item active" aria-current="page">Create</li>
            </ol>
        </nav>
    </div>

    <div class="card card-primary">
        {!! Form::open([
            'route' => 'license-document.store',
            'method' => 'POST',
            'class' => 'license-document-add',
            'id' => 'license-document-add',
            'enctype' => 'multipart/form-data',
        ]) !!}

        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('license_type', 'License Type', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::select('license_type', $licenseTypes, old('license_type'), [
                            'class' => 'form-control',
                            'placeholder' => 'Select License Type',
                            'id' => 'license_type',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The license type field is required.',
                            'data-parsley-errors-container' => '#license_type_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="license_type_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('pay_type', 'Payment Mode', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::select('pay_type', $payTypes, old('pay_type'), [
                            'class' => 'form-control',
                            'placeholder' => 'Select Payment Mode',
                            'id' => 'pay_type',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The payment mode field is required.',
                            'data-parsley-errors-container' => '#pay_type_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="pay_type_error"></span>
                    </div>
                </div>
                <div class="col-md-6 cheque-section d-none">
                    <div class="form-group">
                        {!! Form::label('cheque_no', 'Cheque Number', ['class' => 'form-label']) !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('cheque_no', old('cheque_no'), [
                            'id' => 'cheque_no',
                            'class' => 'form-control chequeNo',
                            'placeholder' => 'Enter Cheque Number',
                            'maxlength' => '10',
                            'data-parsley-trigger' => 'keyup',
                            'data-parsley-minlength' => '6',
                            'data-parsley-maxlength' => '10',
                            'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                            'data-parsley-minlength-message' => 'Cheque number must be at least 6 characters.',
                            'data-parsley-maxlength-message' => 'Cheque number may not be greater than 10 characters.',
                            'data-parsley-errors-container' => '#cheque_no_error',
                        ]) !!}
                        <span class="text-danger" id="cheque_no_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('location_id', 'Location', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::select('location_id', $locations, old('location_id'), [
                            'class' => 'form-control',
                            'placeholder' => 'Select Location',
                            'id' => 'location_id',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The location field is required.',
                            'data-parsley-errors-container' => '#location_id_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="location_id_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('name', 'Issue Authority', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::text('name', old('name'), [
                            'class' => 'form-control',
                            'placeholder' => 'Enter Issue Authority',
                            'id' => 'name',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The issue authority field is required.',
                            'data-parsley-errors-container' => '#name_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="name_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('document_number', 'Document Number', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::text('document_number', old('document_number'), [
                            'class' => 'form-control',
                            'placeholder' => 'Enter Document Number',
                            'id' => 'document_number',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The document number field is required.',
                            'data-parsley-errors-container' => '#document_number_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="document_number_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('file', 'Attachment', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::file('attachment', [
                            'class' => 'form-control',
                            'id' => 'file',
                            'data-parsley-required' => true,
                            'data-parsley-filetype' => 'pdf,doc,docx,png,jpg,jpeg',
                            'data-parsley-required-message' => 'The attachment field is required.',
                            'data-parsley-errors-container' => '#attachment_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="attachment_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('issue_date', 'Issue Date', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::text('issue_date', old('issue_date'), [
                            'class' => 'form-control datepicker',
                            'placeholder' => 'Select Issue Date',
                            'id' => 'issue_date',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The issue date field is required.',
                            'data-parsley-errors-container' => '#issue_date_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="issue_date_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('expiry_date', 'Expiry Date', ['class' => 'form-label']) !!}
                        {!! Form::text('expiry_date', old('expiry_date'), [
                            'class' => 'form-control expirydatepicker',
                            'placeholder' => 'Select Expiry Date',
                            'id' => 'expiry_date',
                            'maxlength' => '10',
                        ]) !!}
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('payment_date', 'Payment Date', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::text('payment_date', old('payment_date'), [
                            'class' => 'form-control',
                            'placeholder' => 'Select Payment Date',
                            'autocomplete' => 'off',
                            'id' => 'payment_date',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The payment date field is required.',
                            'data-parsley-errors-container' => '#payment_date_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="payment_date_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('fees_amount', 'License Fees Amount', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::text('fees_amount', old('fees_amount'), [
                            'class' => 'form-control amount',
                            'placeholder' => 'Enter License Fees Amount',
                            'id' => 'fees_amount',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The license fees amount field is required.',
                            'data-parsley-errors-container' => '#fees_amount_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="fees_amount_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('type', 'Type', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::select('type', $types, old('type'), [
                            'class' => 'form-control',
                            'placeholder' => 'Select Type',
                            'id' => 'type',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The type field is required.',
                            'data-parsley-errors-container' => '#type_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="type_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('license_name', 'License Name', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::text('license_name', old('license_name'), [
                            'class' => 'form-control',
                            'placeholder' => 'Enter License Name',
                            'id' => 'license_name',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The license name field is required.',
                            'data-parsley-errors-container' => '#license_name_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="license_name_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('office_expense_type_id', 'Office Expense Type', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::select('office_expense_type_id', $office_expense_types, old('office_expense_type_id'), [
                            'class' => 'form-control office_expense_type',
                            'placeholder' => 'Select Office Expense Type',
                            'id' => 'office_expense_type_id',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The expesne type field is required.',
                            'data-parsley-errors-container' => '#office_expense_type_id_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="office_expense_type_id_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('office_expense_sub_type_id', 'Office Expense Sub Type', ['class' => 'form-label']) !!}
                        <span style="color: red;">*</span>
                        {!! Form::select('office_expense_sub_type_id', [], old('office_expense_sub_type_id'), [
                            'class' => 'form-control office_expense_sub_type',
                            'placeholder' => 'Select Office Expense Sub Type',
                            'id' => 'office_expense_sub_type_id',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The expesne sub type field is required.',
                            'data-parsley-errors-container' => '#office_expense_sub_type_id_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="office_expense_sub_type_id_error"></span>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('payment_mode', 'Payment Mode', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                        {!! Form::select('payment_mode', ['Cash' => 'Cash', 'Online' => 'Online'], null, [
                            'class' => 'form-control select2',
                            'placeholder' => 'Select Payment Mode',
                            'required' => true,
                            'data-parsley-required-message' => 'Please select a payment mode.',
                            'data-parsley-errors-container' => '#payment-mode-error',
                        ]) !!}
                        <div class="error text-danger" id="payment-mode-error"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('is_consultancy', 'Is Consultancy?', ['class' => 'form-label d-block']) !!}
                        <div class="col-md-auto d-flex flex-row">
                            <div class="form-check me-3">
                                <label class="form-check-label mr-3">
                                    <input type="radio" class="form-check-input" name="is_consultancy" value="Yes"
                                        id="consultancy_yes"> Yes
                                </label>
                            </div>
                            <div class="form-check me-3">
                                <label class="form-check-label">
                                    <input type="radio" class="form-check-input" name="is_consultancy" value="No"
                                        id="consultancy_no" checked> No
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Consultancy Section --}}
            <div class="consultancy-section d-none w-100">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {!! Form::label('consultancy_id', 'Consultancy', ['class' => 'form-label']) !!}
                            <span style="color: red;">*</span>
                            {!! Form::select('consultancy_id', $consultancies, old('consultancy_id'), [
                                'class' => 'form-control',
                                'placeholder' => 'Select Consultancy',
                                'id' => 'consultancy_id',
                                'data-parsley-errors-container' => '#consultancy_id_error',
                            ]) !!}
                            <span style="color: red;" class="error" id="consultancy_id_error"></span>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            {!! Form::label('consultancy_fees_amount', 'Consultancy Fees Amount', ['class' => 'form-label']) !!}
                            <span style="color: red;">*</span>
                            {!! Form::text('consultancy_fees_amount', old('consultancy_fees_amount'), [
                                'class' => 'form-control amount',
                                'placeholder' => 'Enter Consultancy Fees Amount',
                                'id' => 'consultancy_fees_amount',
                                'data-parsley-errors-container' => '#consultancy_fees_amount_error',
                            ]) !!}
                            <span style="color: red;" class="error" id="consultancy_fees_amount_error"></span>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            {!! Form::label('consultancy_payment_type', 'Consultancy Payment Mode', ['class' => 'form-label']) !!}
                            <span style="color: red;">*</span>
                            {!! Form::select('consultancy_payment_type', $payTypes, old('consultancy_payment_type'), [
                                'class' => 'form-control',
                                'placeholder' => 'Select Payment Mode',
                                'id' => 'consultancy_payment_type',
                                'data-parsley-errors-container' => '#consultancy_payment_type_error',
                            ]) !!}
                            <span style="color: red;" class="error" id="consultancy_payment_type_error"></span>
                        </div>
                    </div>

                    {{-- Consultancy Cheque Number --}}
                    <div class="col-md-6 consultancy-cheque-section d-none">
                        <div class="form-group">
                            {!! Form::label('consultancy_cheque_no', 'Consultancy Cheque Number', ['class' => 'form-label']) !!}
                            <span class="text-danger">*</span>
                            {!! Form::text('consultancy_cheque_no', old('consultancy_cheque_no'), [
                                'id' => 'consultancy_cheque_no',
                                'class' => 'form-control chequeNo',
                                'placeholder' => 'Enter Cheque Number',
                                'maxlength' => '10',
                                'data-parsley-trigger' => 'keyup',
                                'data-parsley-minlength' => '6',
                                'data-parsley-maxlength' => '10',
                                'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                'data-parsley-minlength-message' => 'The consultancy cheque number must be at least 6 characters.',
                                'data-parsley-maxlength-message' => 'The consultancy cheque number may not be greater than 10 characters.',
                                'data-parsley-errors-container' => '#consultancy_cheque_no_error',
                            ]) !!}
                            <span class="text-danger" id="consultancy_cheque_no_error"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="save_btn">Save</button>
            <a href="{{ url()->previous() }}" class="btn btn-light btn-fw">Cancel</a>
        </div>
        {!! Form::close() !!}
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var licenseDocumentId = "";
        var indexRoute = "{{ route('license-document.index') }}";
        var ajaxRoute = "{{ route('license-document.ajax-list') }}";
        var storeRoute = "{{ route('license-document.store') }}";
        var officeExpenseSubTypesRoute = "{{ route('office-expense-sub-type.sub-types-of-expense-type') }}";
    </script>
    <script src="{{ asset('assets/js/admin/license-document.js') }}"></script>
@endsection