@extends('dashboard.layouts.master')


@section('css')
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/summernote/summernote-bs4.min.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">

@section('title')
    العقود
@stop
@endsection


@section('content')
<!-- Start Page header -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.home') }}">نظام
                            ادارة وتطوير الملاك
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <span> العقود </span>
                    </li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- End Page header -->


<div class="row">



    {{-- @admin('المشرف العام للنظام')
        @include('dashboard/layouts.statistics')
    @endadmin --}}

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">تعديل بيانات العقد - {{ $contract->contract_number }}</div>

                    <div class="card-body">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if (session()->has('Add'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <span>{{ session()->get('Add') }}</span>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endif
                        @if (session()->has('edit'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <span>{{ session()->get('edit') }}</span>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endif
                        @if (session()->has('delete'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <span>{{ session()->get('delete') }}</span>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endif
                        <form class="needs-validation" action="{{ route('contract.update', $contract->id) }}"
                            method="post" enctype="multipart/form-data">
                            @csrf
                            @method('patch')
                            <div class="modal-body">
                                <div id="hasid"></div>
                                <div class="card">
                                    <div class="card-header">
                                        معلومات شخصية

                                    </div>
                                    <div class="card-body">
                                        <div class="row">

                                            <div class="col-6">
                                                <div class="form-group">
                                                    <label class="mr-2">
                                                        المستاجر</label>
                                                    <div class="input-group mb-3">

                                                        <select class="form-control select2" style="width:99%;" name="tenant_id"
                                                            required>
                                                            <option value="">يرجى الاختيار</option>
                                                            @foreach ($tenants as $item)
                                                                <option value="{{ $item->id }}"
                                                                    {{ $contract->tenant_id === $item->id ? 'selected' : '' }}> {{ $item->name }} </option>
                                                            @endforeach
                                                        </select>

                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <label class="mr-2">
                                                        العقار</label>
                                                    <div class="input-group mb-3">
                                                        <select class="form-control select2" style="width:99%;"
                                                            name="real_estate_id">
                                                            <option value="">يرجى الاختيار</option>
                                                            @foreach ($realEstates as $item)
                                                                <option value="{{ $item->id }}"
                                                                    {{ $contract->real_estate_id === $item->id ? 'selected' : '' }}>
                                                                    {{ $item->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="form-group hide" id="propertyApartmentsInput"
                                                    data-select2-id="propertyApartmentsInput" style="display: block;">
                                                    <label class="mr-2">
                                                        وحدات العقار</label>
                                                    <div class="input-group mb-3" data-select2-id="1013">
                                                        <div class="button-container">
                                                            <input id="chkall" type="checkbox">
                                                            <label for=""> اختيار الكل </label>
                                                        </div>
                                                        <select class="select2" multiple="multiple" data-placeholder=""
                                                            style="width: 100%;" name="real_estate_units_ids[]"
                                                            id="real_estate_units_ids" >
                                                        </select>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <label for="address" class="mr-2">
                                                        رقم العقد </label>
                                                    <input type="number" name="contract_number" id="contract_number"
                                                        class="form-control cc-inputmask {{ $errors->has('contract_number') ? ' is-invalid' : '' }}"
                                                        value="{{ $contract->contract_number }}" placeholder="رقم العقد" required>

                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <label for="address" class="mr-2">
                                                        تاريخ العقد </label>
                                                    <input type="date" name="date_of_contract" id="date_of_contract"
                                                        class="form-control cc-inputmask {{ $errors->has('date_of_contract') ? ' is-invalid' : '' }}"
                                                        value="{{ $contract->date_of_contract }}" placeholder="تاريخ العقد" required>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <label for="address" class="mr-2">
                                                        بداية العقد </label>
                                                    <input type="date" name="beginning_of_contract_date"
                                                        id="beginning_of_contract_date"
                                                        class="form-control cc-inputmask {{ $errors->has('beginning_of_contract_date') ? ' is-invalid' : '' }}"
                                                        value="{{ $contract->beginning_of_contract_date}}"
                                                        placeholder="تاريخ بداية العقد" required>

                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <label for="address" class="mr-2">
                                                        نهاية العقد </label>
                                                    <input type="date" name="ending_of_contract_date"
                                                        id="ending_of_contract_date"
                                                        class="form-control cc-inputmask {{ $errors->has('ending_of_contract_date') ? ' is-invalid' : '' }}"
                                                        value="{{ $contract->ending_of_contract_date }}"
                                                        placeholder="تاريخ نهاية العقد" required>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        المالية
                                    </div>
                                    <div class="card-body row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="address" class="mr-2">
                                                    قيمة العقد </label>
                                                <input type="number" name="contract_value" id="contract_value"
                                                    class="form-control cc-inputmask {{ $errors->has('contract_value') ? ' is-invalid' : '' }}"
                                                    value="{{ $contract->contract_value }}" placeholder=" قيمة العقد" required>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label class="mr-2">
                                                    السداد</label>
                                                <div class="input-group mb-3">
                                                    <select name="payment_type_id" class="form-control select2" style="width:99%;" required>
                                                        <option value="">يرجى الاختيار</option>
                                                        @foreach ($payment_types as $item)
                                                            <option value="{{ $item->id }}"
                                                                {{ $contract->payment_type_id === $item->id ? 'selected' : '' }}> {{ $item->name }} </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        المرفقات
                                    </div>
                                    <div class="card-body">
                                        <table id="example1" class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th style="width: 10px">#</th>
                                                    <th> اسم الملف </th>
                                                    <th> الملف المرفق </th>
                                                    <th>حذف الملف</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                                                                @foreach ($contract->getMedia('files') as $file)
                                                                                                        <tr>
                                                        <td>{{ $i }}</td>
                                                        <td>
                                                            <a href="{{ asset($file->getUrl()) }}" target="_blank">
                                                                <i class="fas fa-file"></i>
                                                                {{ $file->name }}
                                                            </a>
                                                        </td>
                                                        <td>
                                                            <button type="button" class="btn btn-primary btn-xs"
                                                                title="تعديل" data-toggle="modal"
                                                                data-file="{{ $file->getUrl() }}"
                                                                data-target="#show_file">
                                                                <i class="fa fa-eye"></i> عرض
                                                            </button>
                                                        </td>
                                                        <td>
                                                            <a class="btn btn-danger btn-sm delete-record"
                                                                data-id="{{ $file->id }}">
                                                                <i class="fa fa-trash"></i>
                                                                <span>حذف</span>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        <div class="col-12">
                                            <div class="row" style="align-items: center;">
                                                <div class="col-md-10 dynamic-field" id="dynamic-field-1">
                                                    <div class="row">
                                                        <div class="col-md-8 mb-3">
                                                            <label for="validationCustom01">
                                                                ارفاق ملف </label>
                                                            <input type="file" name="files[]" class="form-control" id="validationCustom01"
                                                            accept="image/png, image/jpeg,image/jpg,application/pdf"
                                                                placeholder="20">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 mt-30 append-buttons">
                                                    <div class="clearfix">
                                                        <button type="button" id="add-button"
                                                            class="btn btn-secondary float-left text-uppercase shadow-sm"><i
                                                                class="fa fa-plus fa-fw"></i>
                                                        </button>
                                                        <button type="button" id="remove-button"
                                                            class="btn btn-secondary float-left text-uppercase ml-1"
                                                            disabled="disabled"><i class="fa fa-minus fa-fw"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        الملاحظات
                                    </div>
                                    <div class="card-body">

                                        <div class="card-body">
                                            <textarea class="form-control" name="notes"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer justify-content-between">
                                <button type="button" class="btn btn-default" data-dismiss="modal">الغاء</button>
                                <button type="submit" class="btn btn-primary">تعديل</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>


{{-- Start show_file --}}
<div class="modal" tabindex="-1" role="dialog" id="show_file">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">عرض الملف</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="iframe-container">
                    <iframe id="modal_file" src="" class="responsive-iframe"></iframe>
                    {{-- <img id="modal_file" src="" alt="" width="50%"> --}}
                </div>
            </div>
        </div>
    </div>
</div>
{{-- End show_file --}}




@endsection



@section('js')



{{-- Show model data --}}
<script>
    $('#show_file').on('show.bs.modal', function(event) {

        var button = $(event.relatedTarget);
        var file = button.data('file');
        var path = "http://127.0.0.1:8000/" + file;
        console.log(path);
        var modal = $(this)
        $('#modal_file').attr('src', file);
    })
</script>
{{-- Show  model data --}}



{{-- Delete  Data --}}
<script>
    $(document).on('click', '.delete-record', function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var Id = $(this).data('id');
        var url = "{{ route('deleteContractFile', ':Id') }}";
        url = url.replace(':Id', Id);
        dtrModal = $('.dtr-bs-modal.show');

        // hide responsive modal in small screen
        if (dtrModal.length) {
            dtrModal.modal('hide');
        }

        // sweetalert for confirmation of delete
        Swal.fire({
            title: ' هل انت متاكد من عملية الحذف?',
            text: "لن تتمكن من التراجع عن هذا!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'نعم ، احذفها!',
            cancelButtonText: 'إلغاء',
            customClass: {
                confirmButton: 'btn btn-primary me-3',
                cancelButton: 'btn btn-label-secondary',
            },
            buttonsStyling: false
        }).then(function(result) {
            if (result.value) {
                // delete the data
                $.ajax({
                    type: 'DELETE',
                    url: url,
                    data: {
                        "contract_id": {{ $contract->id }}
                    },
                    success: function(data) {
                        // console.log(data);
                        location.reload();
                    },
                    error: function(error) {
                        console.log(error);
                    }
                });
                // success sweetalert
                Swal.fire({
                    icon: 'success',
                    title: 'تم الحذف!',
                    text: 'تم حذف البيانات!',
                    customClass: {
                        confirmButton: 'btn btn-success'
                    }
                });
            } else if (result.dismiss === Swal.DismissReason.cancel) {
                Swal.fire({
                    title: 'ألغيت',
                    text: 'لم يتم حذف البيانات!',
                    icon: 'error',
                    customClass: {
                        confirmButton: 'btn btn-success'
                    }
                });
            }
        });
    });
</script>
{{-- Delete  Data --}}



{{-- add and remove file --}}
<script>
    $(document).ready(function() {
        var buttonAdd = $("#add-button");
        var buttonRemove = $("#remove-button");
        var className = ".dynamic-field";
        var count = 0;
        var field = "";
        var maxFields = 50;

        function totalFields() {
            return $(className).length;
        }

        function addNewField() {
            count = totalFields() + 1;
            field = $("#dynamic-field-1").clone();
            field.attr("id", "dynamic-field-" + count);
            field.children("label").text("Field " + count);
            field.find("input").val("");
            $(className + ":last").after($(field));
        }

        function removeLastField() {
            if (totalFields() > 1) {
                $(className + ":last").remove();
            }
        }

        function enableButtonRemove() {
            if (totalFields() === 2) {
                buttonRemove.removeAttr("disabled");
                buttonRemove.addClass("shadow-sm");
            }
        }

        function disableButtonRemove() {
            if (totalFields() === 1) {
                buttonRemove.attr("disabled", "disabled");
                buttonRemove.removeClass("shadow-sm");
            }
        }

        function disableButtonAdd() {
            if (totalFields() === maxFields) {
                buttonAdd.attr("disabled", "disabled");
                buttonAdd.removeClass("shadow-sm");
            }
        }

        function enableButtonAdd() {
            if (totalFields() === (maxFields - 1)) {
                buttonAdd.removeAttr("disabled");
                buttonAdd.addClass("shadow-sm");
            }
        }

        buttonAdd.click(function() {
            addNewField();
            enableButtonRemove();
            disableButtonAdd();
        });

        buttonRemove.click(function() {
            removeLastField();
            disableButtonRemove();
            enableButtonAdd();
        });
    });
</script>

<script>
    $(document).ready(function() {
        var buttonAdd = $("#add-button2");
        var buttonRemove = $("#remove-button2");
        var className = ".dynamic2-field";
        var count = 0;
        var field = "";
        var maxFields = 50;

        function totalFields() {
            return $(className).length;
        }

        function addNewField() {
            count = totalFields() + 1;
            field = $("#dynamic2-field-1").clone();
            field.attr("id", "dynamic2-field-" + count);
            field.children("label").text("Field " + count);
            field.find("input").val("");
            $(className + ":last").after($(field));
        }

        function removeLastField() {
            if (totalFields() > 1) {
                $(className + ":last").remove();
            }
        }

        function enableButtonRemove() {
            if (totalFields() === 2) {
                buttonRemove.removeAttr("disabled");
                buttonRemove.addClass("shadow-sm");
            }
        }

        function disableButtonRemove() {
            if (totalFields() === 1) {
                buttonRemove.attr("disabled", "disabled");
                buttonRemove.removeClass("shadow-sm");
            }
        }

        function disableButtonAdd() {
            if (totalFields() === maxFields) {
                buttonAdd.attr("disabled", "disabled");
                buttonAdd.removeClass("shadow-sm");
            }
        }

        function enableButtonAdd() {
            if (totalFields() === (maxFields - 1)) {
                buttonAdd.removeAttr("disabled");
                buttonAdd.addClass("shadow-sm");
            }
        }

        buttonAdd.click(function() {
            addNewField();
            enableButtonRemove();
            disableButtonAdd();
        });

        buttonRemove.click(function() {
            removeLastField();
            disableButtonRemove();
            enableButtonAdd();
        });
    });
</script>
{{-- add and remove file --}}

{{-- Start get getRealEstateUnits --}}
<script>
    $(document).ready(function() {
        $("#chkall").click(function() {
            if ($("#chkall").is(':checked')) {
                $("#real_estate_units_ids > option").prop("selected", "selected");
                $("#real_estate_units_ids").trigger("change");
            } else {

                $("#real_estate_units_ids > option").prop("selected", false);
                $("#real_estate_units_ids").trigger("change");
            }
        });
        $('select[name="real_estate_id"]').on('change', function() {
            var RealEstateId = $(this).val();
            var url = "{{ route('getRealEstateUnits', ':RealEstateId') }}";
            url = url.replace(':RealEstateId', RealEstateId);
            if (RealEstateId) {
                $.ajax({
                    url: url,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('select[name="real_estate_units_ids[]"]').empty();
                        $.each(data, function(key, value) {
                            $('select[name="real_estate_units_ids[]"]').append(
                                '<option value="' +
                                key + '">' + value + '</option>');
                        });
                    },
                });

            } else {
                $('select[name="district_id"]').empty();
                console.log('AJAX load did not work');
            }
        });
        $('.select2').select2({
            placeholder: 'الرجاء الاختيار',
            searchInputPlaceholder: 'بحث'
        });

    });
</script>
{{-- get getRealEstateUnits --}}
@endsection