@extends('admin.layouts.layouts')

@section('title', 'Edit | History Documents')

@section('content')
    <div class="page-header">
        <h3 class="page-title">Edit Legal Document History</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 Documents</a></li>
                <li class="breadcrumb-item"><a href="{{ route('legal-documents.show', $document->id) }}">Legal Document Detail</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </nav>
    </div>

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

            @method('PUT')
            {!! Form::hidden('id', $document->id ?? '') !!}
            {!! Form::hidden('location_id', $document->legalDocument->location_id ?? '') !!}

            <div class="card-body">
                <div class="row">
                    <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') !!}
                            <div class="row align-items-center">
                                <div class="input-group">
                                    {!! Form::file('attachment', [
                                        'class' => 'form-control',
                                        'id' => 'attachment',
                                        'data-parsley-filetype' => 'pdf,doc,docx,png,jpg,jpeg',
                                        'data-parsley-errors-container' => '#attachment_error',
                                    ]) !!}
                                     @php
                                        $extension = pathinfo($document->attachment, PATHINFO_EXTENSION);
                                        $imageExtensions = ['jpeg', 'png', 'jpg'];
                                    @endphp

                                    @if (!empty($document->attachment) && file_exists(public_path('storage/' . $document->attachment)))
                                        @if (in_array(strtolower($extension), $imageExtensions))
                                            <div class="input-group-append">
                                                <img src="{{ asset('storage/' . $document->attachment) }}"
                                                    alt="Aadhar Front" width="65" height="65"
                                                    class="crudEdit img-thumbnail me-3">
                                            </div>
                                        @else
                                            <a href="{{ asset('storage/' . $document->attachment) }}"
                                                class="btn btn-primary img-thumbnail"
                                                download="{{ $document->attachment_basename }}">
                                                <i class="fa fa-download mt-1"></i>
                                            </a>
                                        @endif
                                    @else
                                        <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                            width="65" height="65" class="crudEdit img-thumbnail me-3">
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    {{ form::hidden('hidden_reply_date', date('d-m-Y', strtotime($document->reply_date)), ['id' => 'hidden_reply_date']) }}
                    <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', date('d-m-Y', strtotime($document->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>
                    {{ form::hidden('hidden_payment_date', date('d-m-Y', strtotime($document->payment_date)), ['id' => 'hidden_payment_date']) }}
                    <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', date('d-m-Y', strtotime($document->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('document_status', 'Document Status') !!}
                            {!! Form::select('document_status', ['Pending' => 'Pending', 'Close' => 'Close'], old('document_status'), [
                                'class' => 'form-control',
                                'id' => 'document_status',
                            ]) !!}
                        </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 input',
                                'placeholder' => 'Enter Fees Amount',
                                'id' => 'legal_fees',
                            ]) !!}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {!! Form::label('legal_fees_payment_mode', 'Legal Fess Payment Mode') !!}
                            {!! Form::select(
                                'legal_fees_payment_mode',
                                $payment_modes,
                                old('legal_fees_payment_mode', $document->legal_payment_mode ?? ''),
                                [
                                    'class' => 'form-control',
                                    'placeholder' => 'Select Legal Fees Payment Mode',
                                    'id' => 'legal_fees_payment_mode',
                                ],
                            ) !!}
                        </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 input',
                                'placeholder' => 'Enter Fees Amount',
                                'id' => 'other_fees',
                            ]) !!}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {!! Form::label('other_fees_payment_mode', 'Other Fess Payment Mode') !!}
                            {!! Form::select(
                                'other_fees_payment_mode',
                                $payment_modes,
                                old('other_fees_payment_mode', $document->other_payment_mode ?? ''),
                                [
                                    'class' => 'form-control',
                                    'placeholder' => 'Select Payment Mode',
                                    'id' => 'other_fees_payment_mode',
                                ],
                            ) !!}
                        </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', $office_expense_sub_types, 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>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary btn-fw" id="updateHistoryBtn">Update</button>
                <a href="{{ route('legal-documents.show', $document->id) }}" class="btn btn-light btn-fw">Cancel</a>
            </div>

        {!! Form::close() !!}
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var historyEditId = "{{ $document->id }}";
        var legalDocumentId = "{{ $document->legal_document_id }}";
        var showRoute = "{{ route('legal-documents.show', ':id') }}";
        var historyEditRoute = "{{ route('legal-documents.update-history', ':id') }}";
        var otherPaymentMode = "{{ $document->other_payment_mode }}";
        var legalPaymentMode = "{{ $document->legal_payment_mode }}";
        var officeExpenseSubTypesRoute = "{{ route('office-expense-sub-type.sub-types-of-expense-type') }}";

        if (otherPaymentMode == 'Cheque') {
            $('#other_fees_payment_mode').trigger('change').val('Cheque');
        }
        if (legalPaymentMode == 'Cheque') {
            $('#legal_fees_payment_mode').trigger('change').val('Cheque');
        }

        @if ($document->legalDocument?->officeExpense?->first()->officeExpenseItems?->first()->office_expense_type_id)
            $('#office_expense_type_id').val('{{ $document->legalDocument?->officeExpense?->first()->officeExpenseItems?->first()->office_expense_type_id }}').trigger('change');
        @endif

        @if ($document->legalDocument?->officeExpense?->first()->officeExpenseItems?->first()->office_expense_type_id)
            $('#office_expense_sub_type_id').val('{{ $document->legalDocument?->officeExpense?->first()->officeExpenseItems?->first()->office_expense_sub_type_id }}').trigger('change');
        @endif

    </script>
    <script src="{{ asset('assets/js/admin/renew-legal-document.js') }}"></script>
@endsection