@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">

    @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

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

    <div class="col-12">
        <div class="card text-right card-primary mb-0 card-outline  p-sticky t-15">
            <div class="card-header">
                <h3 class="card-title">التحصيل</h3>
                <div class="card-tools">
                    {{-- @permitTo('إضافة عقد')
                        <button class="btn btn-primary departments" data-toggle="modal" data-target="#addcontract"><i
                                class="fa fa-plus"></i> اضافة</button>
                    @endpermitTo --}}
                    <button type="button" class="btn btn-tool" data-card-widget="maximize"><i
                            class="fas fa-expand"></i></button>
                </div>
            </div>
            <div class="card-body">
                <table id="contract" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th> #</th>
                            <th>رقم العقد</th>
                            <th>المستاجر</th>
                            <th>العقار</th>
                            <th>عدد الوحدات</th>
                            <th>نهاية العقد</th>
                            <th>طريقة السداد</th>
                            <th>القيمة المالية</th>
                            <th> المجموع</th>
                            <th> المتبقي</th>
                            <th> خيارات </th>
                        </tr>
                    </thead>
                    <tbody>

                                                @foreach ($contracts as $item)
                            
                            <tr>
                                <td>{{ $i }}</td>
                                <td>{{ $item->contract_number }} </td>
                                <td>{{ $item->tenant->name }} </td>
                                <td>{{ $item->realEstate->name }} </td>
                                <td>
                                    <a class="btn btn-primary departments"
                                        href="{{ route('contract.show', [$item->id]) }}" target="_blank">
                                        <i class="fa fa-eye"></i> ({{ $item->contractRealEstateUnit->count() }} )
                                    </a>
                                </td>
                                <td> {{ $item->ending_of_contract_date }}</td>
                                <td>{{ $item->paymentType->name }} </td>
                                <td>{{ $item->contract_value }} </td>
                                <td>{{ $item->payments->sum('payment_amount') }} </td>
                                <td>
                                    @if ($item->contract_value > $item->payments->sum('payment_amount'))
                                        {{ $item->contract_value - $item->payments->sum('payment_amount') }}
                                    @else
                                        تم التحصيل كاملا
                                    @endif
                                </td>


                                <td>
                                    <div class="dropdown d-inline-block">
                                        <button class="btn btn-default btn-xs dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-expanded="false">
                                            <span>المزيد</span>
                                            <span class="caret"></span>
                                        </button>
                                        <div class="dropdown-menu" style="">
                                            @if ($item->contract_value > $item->payments->sum('payment_amount'))
                                                @permitTo('إضافة تحصيل')
                                                    <a class="dropdown-item text-info" data-toggle="modal"
                                                        data-target="#addPayment"
                                                        data-tenant_name="{{ $item->tenant->name }}"
                                                        data-id="{{ $item->id }}"
                                                        data-maximum_price="{{ $item->contract_value - $item->payments->sum('payment_amount') }}">
                                                        <i class="fa fa-eye"></i>
                                                        <span> تحصيل </span>
                                                    </a>
                                                @endpermitTo
                                                {{-- @else
                                            تم تحصيل المبلغ كاملا --}}
                                            @endif
                                            <a data-toggle="modal" data-target="#addForfeit"
                                                data-tenant_name="{{ $item->tenant->name }}"
                                                data-id="{{ $item->id }}">
                                                <button class="dropdown-item text-warning">
                                                    <i class="fa fa-edit"></i>
                                                    <span>غرامه</span>
                                                    {{-- forfeit --}}
                                                </button>
                                            </a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{{-- Start addPayment --}}
<div class="modal fade modeel" id="addPayment">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="needs-validation" action="{{ route('payment.store') }}" id="form" method="post"
                enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">إجراء تحصيل للمستأجر- </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="contract_id" id="contract_id">
                    <input type="hidden" name="payment_status_id" id="payment_status_id" value="1">
                    <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 for="address" class="mr-2">
                                            المبلغ </label>
                                        <input type="number" name="payment_amount" id="payment_amount"
                                            class="form-control" placeholder="المبلغ" required>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="address" class="mr-2">
                                            تاريخ السداد </label>
                                        <input type="date" name="payment_date" class="form-control"
                                            placeholder="تاريخ السداد " required>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="address" class="mr-2">
                                            المرفق </label>
                                        <input type="file" name="file" class="form-control" placeholder=""
                                            accept="image/png, image/jpeg,image/jpg,application/pdf" required>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="date" class="mr-2">
                                            ملاحظات
                                        </label>
                                        <br>
                                        <textarea class="form-control" name="notes"></textarea>
                                    </div>
                                </div>
                            </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>
{{-- End addPayment --}}

{{-- Start addForfeit --}}
<div class="modal fade modeel" id="addForfeit">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="needs-validation" action="{{ route('payment.store') }}" id="form" method="post"
                enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">إجراء غرامة للمستأجر- </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="contract_id" id="contract_id">
                    <input type="hidden" name="payment_status_id" id="payment_status_id" value="2">
                    <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 for="address" class="mr-2">
                                            المبلغ </label>
                                        <input type="number" name="forfeit_amount" id="forfeit_amount"
                                            class="form-control" placeholder="المبلغ" required>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="address" class="mr-2">
                                            تاريخ الغرامة </label>
                                        <input type="date" name="payment_date" class="form-control"
                                            placeholder="تاريخ الغرامة " required>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="address" class="mr-2">
                                            المرفق </label>
                                        <input type="file" name="file" class="form-control" placeholder=""
                                            accept="image/png, image/jpeg,image/jpg,application/pdf">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="date" class="mr-2">
                                            ملاحظات
                                        </label>
                                        <br>
                                        <textarea class="form-control" name="notes"></textarea>
                                    </div>
                                </div>
                            </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>
{{-- End addForfeit --}}

@endsection



@section('js')


{{-- Edit addPayment model data --}}
<script>
    $('#addPayment').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget);
        var id = button.data('id');
        var tenant_name = button.data('tenant_name');
        var maximum_price = button.data('maximum_price');

        var modal = $(this)
        modal.find('.modal-body #contract_id').val(id);
        modal.find('.modal-body #payment_amount').attr('max', maximum_price);

        modal.find('.modal-title').text('إجراء تحصيل للمستأجر -' + tenant_name)
    });
</script>
{{-- Edit addPayment model data --}}

{{-- Edit addForfeit model data --}}
<script>
    $('#addForfeit').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget);
        var id = button.data('id');
        var tenant_name = button.data('tenant_name');


        var modal = $(this)
        modal.find('.modal-body #contract_id').val(id);
        modal.find('.modal-title').text('إجراء غرامة للمستأجر -' + tenant_name)
    });
</script>
{{-- Edit addForfeit model data --}}


{{-- datatable  data --}}
<script>
    $(document).ready(function() {
        $('#contract').DataTable({
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            dom: 'Bfrtip',
            buttons: [{
                    extend: 'print',
                    title: "التحصيل",
                    exportOptions: {
                        columns: ':visible'
                    },
                    customize: function(win) {
                        $(win.document.body).css('direction', 'rtl');
                        $(win.document.body).find('h1').css('text-align', 'center');
                        $(win.document.body).css('font-size', '9px')
                            .prepend(
                                '<img src="{{ URL::asset('dashboard/dist/img/lo.png') }}" style="display: block;margin-left: auto;margin-right: auto" width="118px" height="26px" />'
                            );
                        $(win.document.body).css('font-size', '9px')
                            .prepend(
                                ' <p style="float:left"> التاريخ : {{ Carbon\Carbon::now() }} </p>'
                            );
                        $(win.document.body).css('font-size', '9px')
                            .prepend(
                                ' <p style="float:right"> اسم الموظف : {{ auth('admin')->user()->name }} </p>'
                            );
                        $(win.document.body).find('table')
                            .addClass('compact')
                            .css('font-size', 'inherit');
                    }
                },
                'excel', 'colvis', 'pdf', 'csv', 'copy'
            ],
            columnDefs: [{
                {{-- targets: -1, --}}
                visible: false
            }],
        });
    });
</script>
{{-- datatable  data --}}

@endsection