@extends('admin.layouts.layouts')

@section('title', 'Create | Legal Documents')

@section('content')
    <div class="page-header">
        <h3 class="page-title">Create Legal 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('legal-documents.index') }}">Legal Document</a></li>
                <li class="breadcrumb-item active" aria-current="page">Create</li>
            </ol>
        </nav>
    </div>

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

        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('location_id', 'Location', ['class' => 'form-label']) !!}
                        <span class="text-danger">*</span>
                        {!! Form::select('location_id', $locations, old('location_id'), [
                            'id' => 'location_id',
                            'class' => ['form-control'],
                            'placeholder' => 'Select Location',
                            '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('legal_document_type_id', 'Legal Document Type') !!}
                        <span class="text-danger">*</span>
                        {!! Form::select('legal_document_type_id', $document_types, old('legal_document_type_id'), [
                            'class' => 'form-control',
                            'multiple' => false,
                            'placeholder' => 'Select Legal Document Type',
                            'id' => 'legal_document_type_id',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The legal document type field is required.',
                            'data-parsley-errors-container' => '#legal_document_type_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="legal_document_type_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('issue_authority', 'Issue Authority') !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('issue_authority', old('issue_authority'), [
                            'class' => 'form-control',
                            'placeholder' => 'Enter Issue Authority',
                            'id' => 'issue_authority',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The issue authority field is required.',
                            'data-parsley-errors-container' => '#issue_authority_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="issue_authority_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('document_name', 'Document name') !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('document_name', old('document_name'), [
                            'class' => 'form-control',
                            'placeholder' => 'Enter Document Name',
                            'id' => 'document_name',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The document name field is required.',
                            'data-parsley-errors-container' => '#document_name_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="document_name_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('document_number', 'Document Number') !!}
                        <span class="text-danger">*</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('attachment', 'Attachment') !!}
                        <span class="text-danger">*</span>
                        {!! Form::file('attachment', [
                            'class' => 'form-control',
                            'id' => 'attachment',
                            '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') !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('issue_date', old('issue_date'), [
                            'id' => 'issue_date',
                            'class' => 'form-control',
                            'placeholder' => 'Select 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('receive_date', 'Receive Date') !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('receive_date', old('receive_date'), [
                            'id' => 'receive_date',
                            'class' => 'form-control',
                            'placeholder' => 'Select Receive Date',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The receive date field is required.',
                            'data-parsley-errors-container' => '#receive_date_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="receive_date_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('reply_date', 'Reply Date') !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('reply_date', old('reply_date'), [
                            'id' => 'reply_date',
                            'class' => 'form-control',
                            'placeholder' => 'Select Reply Date',
                            'data-parsley-required' => true,
                            'data-parsley-required-message' => 'The reply date field is required.',
                            'data-parsley-errors-container' => '#reply_date_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="reply_date_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('payment_date', 'Payment Date') !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('payment_date', old('payment_date'), [
                            'id' => 'payment_date',
                            'class' => 'form-control',
                            'placeholder' => 'Select 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('legal_fees', 'Legal Fees') !!}
                        {!! Form::text('legal_fees', old('legal_fees'), [
                            'class' => 'form-control amount',
                            'placeholder' => 'Enter Legal Fees',
                            'id' => 'legal_fees',
                            // 'data-parsley-required' => true,
                            // 'data-parsley-required-message' => 'The legal fees field is required.',
                            'data-parsley-errors-container' => '#legal_fees_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="legal_fees_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('legal_fees_payment_mode', 'Legal Fees Payment Mode') !!}
                        {!! Form::select('legal_fees_payment_mode', $payment_modes, old('legal_fees_payment_mode'), [
                            'class' => 'form-control',
                            'placeholder' => 'Select Legal Fees Payment Mode',
                            'id' => 'legal_fees_payment_mode',
                            // 'data-parsley-required' => true,
                            // 'data-parsley-required-message' => 'The legal fees payment mode field is required.',
                            'data-parsley-errors-container' => '#legal_fees_payment_mode_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="legal_fees_payment_mode_error"></span>
                    </div>
                </div>
                <div class="col-md-6 cheque-section d-none">
                    <div class="form-group">
                        {!! Form::label('cheque_no', 'Legal Fees 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 Legal Fees 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' => 'Legal fees cheque number must be at least 6 characters.',
                            'data-parsley-maxlength-message' => 'Legal fees 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('other_fees', 'Other Fees') !!}
                        {!! Form::text('other_fees', old('other_fees'), [
                            'class' => 'form-control amount',
                            'placeholder' => 'Enter Other Fees Amount',
                            'id' => 'other_fees',
                            // 'data-parsley-required' => true,
                            // 'data-parsley-required-message' => 'The other fees field is required.',
                            'data-parsley-errors-container' => '#other_fees_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="other_fees_error"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('other_fees_payment_mode', 'Other Fees Payment Mode') !!}
                        {!! Form::select('other_fees_payment_mode', $payment_modes, old('other_fees_payment_mode'), [
                            'class' => 'form-control',
                            'placeholder' => 'Select Payment Mode',
                            'id' => 'other_fees_payment_mode',
                            // 'data-parsley-required' => true,
                            // 'data-parsley-required-message' => 'The other fees payment mode field is required.',
                            'data-parsley-errors-container' => '#other_fees_payment_mode_error',
                        ]) !!}
                        <span style="color: red;" class="error" id="other_fees_payment_mode_error"></span>
                    </div>
                </div>
                <div class="col-md-6 other-cheque-section d-none">
                    <div class="form-group">
                        {!! Form::label('other_cheque_no', 'Other Fees Cheque Number', ['class' => 'form-label']) !!}
                        <span class="text-danger">*</span>
                        {!! Form::text('other_cheque_no', old('other_cheque_no'), [
                            'id' => 'other_cheque_no',
                            'class' => 'form-control chequeNo',
                            'placeholder' => 'Enter Other Fees 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' => 'Other fees cheque number must be at least 6 characters.',
                            'data-parsley-maxlength-message' => 'Other fees cheque number may not be greater than 10 characters.',
                            'data-parsley-errors-container' => '#other_cheque_no_error',
                        ]) !!}
                        <span class="text-danger" id="other_cheque_no_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', $payment_modes, old('consultancy_payment_type'), [
                                'class' => 'form-control',
                                'placeholder' => 'Select Consultancy 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 legalDocumentId = "";
        var indexRoute = "{{ route('legal-documents.index') }}";
        var ajaxRoute = "{{ route('legal-documents.ajax-list') }}";
        var storeRoute = "{{ route('legal-documents.store') }}";
        var officeExpenseSubTypesRoute = "{{ route('office-expense-sub-type.sub-types-of-expense-type') }}";
    </script>
    <script src="{{ asset('assets/js/admin/legal-document.js') }}"></script>
@endsection