@extends('Partners.Layouts.Page')

@section('content')
    <!-- Breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"><a href="{{partner_route()}}">الرئيسية /</a></h4>
                <span class="text-muted mt-1 tx-13 ms-2 mb-0">{{$page_title}}</span>
            </div>
        </div>

        <div class="d-flex my-xl-auto right-content">
            <a href="{{partner_route('contracts.create')}}" class="btn btn-danger mb-1 me-1"><i class="mdi mdi-plus"></i> انشاء عقد جديد </a>
        </div>
    </div>
    <!-- end breadcrumb -->

    @include('Partners.Contracts.Statics')

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{$page_title}}</h3>
        </div>

        <div class="card-body">
            @include('Messages')

            {{-- @if(!$contracts->count())
                @include('Partners.Layouts.Empty')
            @else --}}
                <div class="table-responsive">
                    <table id="data-table" class="border-top-0 table text-left table-hover text-nowrap key-buttons data-table">
                        <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">الكود</th>
                                <th scope="col">الحجز</th>
                                <th scope="col">العقار</th>
                                <th scope="col">الحالة</th>
                                <th scope="col">التواريخ</th>
                                <th scope="col">تم انشاؤه في</th>
                                <th scope="col">الإجراءات</th>
                            </tr>
                        </thead>

                        <tbody></tbody>

                    </table>

                    <div class="mt-4"></div>
                </div>
            {{-- @endif --}}
        </div>
    </div>

@endsection

@section('scripts')
    <script>

        let table = $('#data-table').DataTable({
            processing: true,
            serverSide: true,
            stateSave: true,
            ajax: {
                url: "{{ partner_route('contracts.index') }}"
            },
            language: {
                searchPlaceholder: 'بحث ...',
                scrollX: "100%",
                sSearch: '',
                info: "عرض الصفحة _PAGE_ من _PAGES_",
                lengthMenu: '_MENU_ عقد/صفحة'
            },
            columns: [
                {data: 'id', name: 'id', orderable: true, searchable: true},
                {data: 'code', name: 'code', orderable: true, searchable: true},
                {data: 'booking_id', name: 'booking_id', orderable: true, searchable: true},
                {data: 'unit', name: 'unit', orderable: true, searchable: true},
                {data: 'status', name: 'status', orderable: true, searchable: false},
                {data: 'dates', name: 'dates', orderable: true, searchable: false},
                {data: 'created_at', name: 'created_at', orderable: true, searchable: false},
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ],
            responsive:true,
            order:[0,'desc']
        });

        $('body').on('click', '.pay-contract', function (e){
            e.preventDefault();

            const $this = $(this);
            const moneyRequired = 150;

            let title = 'المبلغ المطلوب';
            title += '<br/>';
            title += '<span class="text text-danger">'+ moneyRequired +'</span>';

            title += '<br/>';
            title += 'باي طريقة تفضل الدفع؟';

            Swal.fire({
                title: title,

                showCancelButton: true,
                showDenyButton: true,
                denyButtonText: 'الدفع بالمحفظة',
                confirmButtonText: `دفع عبر مدى`,
                cancelButtonText: `إلغاء`,
            }).then((result) => {
                /* Read more about isConfirmed, isDenied below */
                const invoice = $this.parents('tr').attr('id');

                if (result.isDenied) {

                    $.post('{{partner_route('contracts.pay.credit')}}', {contract: invoice})
                        .done(function (data){
                            table.draw();

                            Swal.fire({
                                title: 'تم الدفع!',
                                text: 'تم دفع العقد بنجاح',
                                icon: 'success',
                                confirmButtonText: 'حسنا'
                            })
                        })
                        .fail(function (data){
                            Swal.fire(
                                data.responseJSON,
                                '',
                                'error'
                            )
                        })

                } else if (result.isConfirmed) {
                    $this.parents('form').submit();
                }

            })
        })

        $('body').on('click', '.cancel-contract', function (e){
            e.preventDefault();

            const $this = $(this);

            Swal.fire({
                title: 'هل انت متأكد من الغاء العقد؟',
                showCancelButton: false,
                icon: 'error',
                confirmButtonText: `تأكيد الغاء العقد`,
            }).then((result) => {
                /* Read more about isConfirmed, isDenied below */
                const contract = $this.parents('tr').attr('id');

                console.log('Hello');

                let url = "{{partner_route('contracts.destroy', ':id')}}";
                url = url.replace(':id', contract);

                const token = $("meta[name='csrf-token']").attr("content");

                $.ajax(
                    {
                        url: url,
                        type: 'DELETE',
                        data: {
                            "_token": token,
                        },
                        success: function (){
                            table.draw();

                            Swal.fire({
                                title: 'تم الالغاء!',
                                text: 'تم الغاء العقد بنجاح',
                                icon: 'success',
                                confirmButtonText: 'حسنا'
                            })
                        }
                    });

            })
        })
    </script>
@endsection