@extends('layouts.app')

@section('title', 'Edit Close Property')

@section('content')
<x-content-body>
    <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

        <div class="card mb-4">
            <div class="card-header">
                <h5>Edit Close Property Details</h5>
            </div>
            <div class="card-body">
                <form id="close-edit-property">
                    @method('PUT')

                    <input type="hidden" name="id" value="{{ $closing['id'] ?? '' }}">
                    <input type="hidden" name="property_type" value="{{ $type ?? '' }} ">

                    <div class="row">
                      <div class="col-5">
                        <x-input-label for="Properties" required="true" :value="__('Properties')" />
                        <select class="form-control form-control-sm select2-hidden-accessible" name="property_id"
                            tabindex="-1" aria-hidden="true" id="property_list">
                            @forelse ($properties as $property)
                            <option value="{{ $property['id'] }}" @selected(old('property_id', $closing['property_id'])==$property['id'])>
                                {{ $property['addresses'][0]['street'] }} {{ $property['addresses'][0]['city'] }}
                                {{ $property['addresses'][0]['state'] }} {{ $property['addresses'][0]['zip_code'] }}
                            </option>
                            @empty
                            <option>Property Not Found</option>
                            @endforelse
                        </select>
                      </div>
                    </div>

                    <div class="row mt-2">
                        <h6 class="text-primary">Available Funds</h6>
                        <div class="col-4">
                            <div class="form-check mb-3">
                                <input class="form-check-input" type="checkbox" name="make_fund" value="1" @checked( old('make_fund', $closing['make_fund'] ?? '') == 1)>
                                <label class="form-check-label" for="makeFund">Make Funds Available if Cash</label>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox"  name="lender"
                                    value="1"  value="1" @checked( old('lender', $closing['lender'] ?? '') == 1)>
                                <label class="form-check-label" for="lender">Lender Forwards The Funds</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-4">
                        <h6 class="text-primary">All Paperwork</h6>
                        <div class="col-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="sell"
                                    value="1" @checked( old('sell', $closing['sell'] ?? '') == 1)>
                                <label class="form-check-label" for="sell">Sell Signs</label>
                            </div>

                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="buyer"
                                    value="1" @checked( old('buyer', $closing['buyer'] ?? '') == 1)>
                                <label class="form-check-label" for="buyer">Buyer Signs</label>
                            </div>

                        </div>
                        <div class="col-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="collect_check"
                                    value="1" @checked( old('collect_check', $closing['collect_check'] ?? '') == 1)>
                                <label class="form-check-label" for="collectCheck">Collect check</label>
                            </div>

                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="get_closing_document"
                                    value="1" @checked( old('get_closing_document', $closing['get_closing_document'] ?? '') == 1)>
                                <label class="form-check-label" for="closingDocument">Closing Document
                                    Received</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-4">
                        <h6 class="text-primary">Forward To Managing Broker</h6>
                        <div class="col-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox"
                                    name="all_listing_documentation" value="1" @checked( old('all_listing_documentation', $closing['all_listing_documentation'] ?? '') == 1)>
                                <label class="form-check-label" for="fundsForwarded">All Listing documentation</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox"
                                    name="office_required_documentation" value="1" @checked( old('office_required_documentation', $closing['office_required_documentation'] ?? '') == 1)>
                                <label class="form-check-label" for="fundsForwarded">All Purchase Agreement
                                    Documentation</label>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox"
                                    name="all_purchase_agrement" value="1"  @checked( old('all_purchase_agrement', $closing['all_purchase_agrement'] ?? '') == 1)>
                                <label class="form-check-label" for="fundsForwarded">Office Required Documents</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox"
                                    name="funds_forwarded" value="1" @checked( old('funds_forwarded', $closing['funds_forwarded'] ?? '') == 1)>
                                <label class="form-check-label" for="fundsForwarded">Funds Forwarded</label>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <h6 class="text-primary">Officially Close</h6>
                        <div class="col-4">
                            <div class="col-auto">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox"
                                        name="get_paid_officially" value="1" @checked( old('get_paid_officially', $closing['get_paid_officially'] ?? '') == 1)>
                                    <label class="form-check-label" for="getPaid">Get paid</label>
                                </div>
                            </div>
                            <div class="col-auto">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox"
                                        name="pickup_lock_box" value="1" @checked( old('pickup_lock_box', $closing['pickup_lock_box'] ?? '') == 1)>
                                    <label class="form-check-label" for="pickupLockBox">Pickup lock box</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="col-auto">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox"
                                        name="remove_signature" value="1" @checked( old('remove_signature', $closing['remove_signature'] ?? '') == 1)>
                                    <label class="form-check-label" for="removeSign">Remove sign</label>
                                </div>
                            </div>
                            <div class="col-auto">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox"
                                        name="mark_property_sold" value="1" @checked( old('mark_property_sold', $closing['mark_property_sold'] ?? '') == 1)>
                                    <label class="form-check-label" for="markPropertySold">Mark property sold on all
                                        listings</label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary btn-sm mt-3 submit me-2">Save & Exit</button>
                            <button type="" class="btn btn-primary btn-sm mt-3 me-2">Save</button>
                            <button type="button" class="btn btn-primary btn-sm mt-3 " id="close_property_exit">Exit</button>

                        </div>
                    </div>
                </form>
            </div>
        </div>
</x-content-body>
@endsection

@push('js')
    <script>
       closePropertyIndexRoute = @json(route('close-property.index'));
    </script>

    <script>
          $("#close_property_exit").click(function() {
            window.location.href = closePropertyIndexRoute;
        });
    </script>
    <script>
        $('#property_list').select2({
        tags: true,
    });
    </script>
    <script>
         var $form = $('form[id="close-edit-property"]');
    var $submitButton = $form.find('button[type="submit"]');

    $form.validate({
        rules: {
            property_id: {
                required: true,
            }
        },
        messages: {
            property_id: {
                required: "Please select property",
            },
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
            error.addClass('invalid-feedback');
            element.after(error);
        },
        highlight: function (element, errorClass, validClass) {
            $(element).addClass('is-invalid').removeClass('is-valid');
        },
        unhighlight: function (element, errorClass, validClass) {
            $(element).removeClass('is-invalid').addClass('is-valid');
        },
        errorClass: 'text-danger',
        submitHandler: function (form) {

            handleAjaxRequest(form, "#close-create-property", @json(route('close-property.update',['close_property' => $closing['id']])), null,  @json(route('close-property.index')), null, null);
        }
    });
    </script>
@endpush