@extends('Partners.Layouts.Page')

@section('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"/>

    <style>
        #table-credit {
            text-align: right;
        }

        #table-credit th {
            font-weight: 100;
            border: 0
        }

        #table-credit td {
            vertical-align: middle;
        }

        .booking_downpayment_locked {
            color: #9b59b6 !important
        }

        .booking_downpayment_total {
            color: #2ecc71 !important;
        }

        .booking_downpayment {
            color: #3498db !important;
        }

        .hint {
            position: absolute;
            bottom: 5px;
            left: 15px;
            font-size: 30px;
        }

        .ribbon {
            padding-bottom: 55px !important
        }

        .buttons {
            text-align: right;
        }

        .static-footer {
            min-height: 60px;
        }
    </style>
@endsection

@section('content')

    <!-- Add balance modal -->
    <div class="modal fade" id="add-balance-modal" tabindex="-1" aria-labelledby="add-balance-label" aria-hidden="true">
        <div class="modal-dialog"></div>
    </div>

    <!-- Withdraw Modal -->
    <div class="modal fade" id="withdraw-modal" tabindex="-1" aria-labelledby="withdraw-model-label" aria-hidden="true">
        <div class="modal-dialog"></div>
    </div>

    <!-- Withdraw Modal History -->
    <div class="modal fade" id="withdraw-modal-history" tabindex="-1" aria-labelledby="withdraw-model-history-label"
         aria-hidden="true">
        <div class="modal-dialog modal-lg"></div>
    </div>

    <!-- Insurance Withdraw Modal -->
    <div class="modal fade" id="insurance-withdraw-modal" tabindex="-1" aria-labelledby="insurance-withdraw-modal-label"
         aria-hidden="true">
        <div class="modal-dialog"></div>
    </div>

    <!-- Insurance History Modal -->
    <div class="modal fade" id="insurance-history-modal" tabindex="-1" aria-labelledby="insurance-history-modal-label"
         aria-hidden="true">
        <div class="modal-dialog modal-lg"></div>
    </div>

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

    @include('Partners.Wallet.Statics')

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    @include('Messages')

                    @if($credits->total() > 0)
                        <div class="table-responsive">
                            <table class="table table-striped table-hover" id="table-credit">
                                <thead>
                                <tr>
                                    <th scope="col">القيمة</th>
                                    <th scope="col">العملية</th>
                                    <th scope="col">ملحوظة</th>
                                    <th scope="col">الوقت</th>
                                </tr>
                                </thead>
                                <tbody>

                                @foreach($credits_obj as $credit)
                                    <tr>
                                            
                                        <td>
                                            <span
                                                class="text-{{$credit_plain < 0 ? 'danger' : 'success'}} {{$credit_plain > 0 ? $credit->type : null}}">
                                                <span class="icon mr-2"><i
                                                        class="fa fa-caret-{{$credit_plain < 0 ? 'down' : 'up'}}"></i></span>
                                                <span class="amount">{{currency($credit_plain)}}</span>
                                            </span>
                                        </td>

                                        <td>
                                            {{!is_null($credit->type) ? trans('validation.wallet_types.'.$credit->type) : 'غير معروف'}}

                                            @if($credit->type == 'investor_contract' || $credit->type == 'contract')
                                                @if($credit->contract)
                                                    <a href="{{route('contract.by.token', ['code' => $credit->contract->code, 'token' => $credit->contract->token])}}">{{$credit->contract->code}}</a>
                                                @endif
                                            @elseif(in_array($credit->type, $downpayment))
                                                @if($credit->type == 'booking_downpayment_locked' && $credit->credit < 0)
                                                    <p>تم استخدام الرصيد في دفع فاتورة
                                                        رقم {{pad_code($credit->model_id)}}</p>
                                                @else
                                                    <p>حجز رقم {{$credit?->model?->fake_id}}</p>
                                                @endif
                                            @endif
                                        </td>

                                        <td>
                                            @if(!is_null($credit->extra))
                                                <p>سيكون الرصيد قابل للتسييل بعد: {{$credit->extra}}</p>
                                            @endif

                                            @if(!is_null($credit->request_id))
                                                <p>يتبع طلب تسييل رقم: {{$credit->request_id}}</p>
                                            @endif
                                        </td>

                                        <td>
                                            <h6 class="text-muted">{{$credit->created_at ? $credit->created_at->diffForHumans(\Carbon\Carbon::now()) : ''}}</h6>
                                            <h6 class="text-muted"
                                                style="direction: ltr">{{$credit->created_at ? $credit->created_at->format('d/m/Y H:i:s') : ''}}</h6>
                                        </td>
                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>
                    @else
                        @include('Partners.Layouts.Empty', ['records_name' => 'إضافة رصيد'])
                    @endif

                    <div class="text-center d-flex justify-content-center mt-2">
                        {{$credits->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>

    <script>
        const balanceModal = $('#add-balance-modal').find('.modal-dialog');

        $('#add-balance').on('click', function () {
            balanceModal.html(getPreloader());

            $.get("{{partner_route('wallet.create.credit')}}").done(function (data) {
                balanceModal.html(data.data);
            });
        });

        const withdrawModal = $('#withdraw-modal'),
            withdrawModalDialog = withdrawModal.find('.modal-dialog');

        $('#withdraw-btn').on('click', function () {
            withdrawModalDialog.html(getPreloader());

            $.get("{{partner_route('wallet.store.withdraw')}}").done(function (data) {
                withdrawModalDialog.html(data.data);
            }).fail(function (jqXHR, textStatus) {
                withdrawModal.modal('toggle');

                Swal.fire({
                    text: jqXHR.responseJSON.message,
                    icon: 'error',
                    confirmButtonText: 'حسنا!'
                });
            });
        });

        const withdrawHistoryModal = $('#withdraw-modal-history').find('.modal-dialog');

        $('#withdraw-history-btn').on('click', function () {
            withdrawHistoryModal.html(getPreloader());

            $.get("{{partner_route('wallet.withdraw.history')}}").done(function (data) {
                withdrawHistoryModal.html(data.data);
            });
        });

        const insuranceModal = $('#insurance-withdraw-modal'),
            insuranceModalDialog = insuranceModal.find('.modal-dialog');

        $('#insurance-btn').on('click', function () {
            insuranceModalDialog.html(getPreloader());

            $.get("{{partner_route('wallet.create.insurance')}}").done(function (data) {
                insuranceModalDialog.html(data.data);
            }).fail(function (jqXHR, textStatus) {
                insuranceModal.modal('toggle');

                Swal.fire({
                    text: jqXHR.responseJSON.message,
                    icon: 'error',
                    confirmButtonText: 'حسنا!'
                });
            });
        });

        const insuranceHistoryModal = $('#insurance-history-modal').find('.modal-dialog');

        $('#insurance-history').on('click', function (e) {
            insuranceHistoryModal.html(getPreloader());

            $.get("{{partner_route('wallet.insurance.history')}}").done(function (data){
                insuranceHistoryModal.html(data.data);
            });
        })
        //
    </script>
@endsection