@extends('layouts.admin')

@section('content')
    <!-- widget grid -->
    <section id="widget-grid" class="">

        <!-- row -->
        <div class="row">

            <!-- NEW WIDGET START -->
            <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>{{ __('message.borrowing List') }}</h2>

                    </header>

                    <!-- widget div-->
                    <div>
                        <div class="col-md-12">
                            <form method="get" id="search-form" action="{{ route('admin.loans.index') }}">
                                <div class="col-md-2 col-xs-6">
                                    <input class="form-control " placeholder="{{ __('message.search') }} (Loan ID, {{ __('message.username') }}, {{ __('message.name') }}...)"
                                        type="text" name="q" value="{{ $q }}">
                                </div>
                                <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                                  {{ __('message.start date') }}
                                </div>
                                <div class="col-md-2 col-xs-8">
                                    <input type="text" id="datepicker_start" class="form-control" name="start_date"
                                        title="Start Date" value="{{ $start_date }}" placeholder="{{ __('message.start date') }}"
                                        readonly="">
                                </div>
                                <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                                  {{ __('message.end date') }}
                                </div>
                                <div class="col-md-2 col-xs-8">
                                    <input type="text" id="datepicker_end" class="form-control" name="end_date"
                                        title="End Date" value="{{ $end_date }}" placeholder=" {{ __('message.end date') }}" readonly="">
                                </div>
                                <div class="col-md-3 col-xs-6" style="padding-bottom:10px;">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-search"></i>
                                        {{ __('message.search') }}
                                    </button>
                                    <a href="{{ route('admin.members.index') }}" type="rset" class="btn">
                                        <i class="fa fa-refresh"></i>
                                        <span class="hidden-xs">{{ __('message.refresh') }}</span>
                                    </a>
                                </div>
                                <div class="col-sm-12 col-xs-12">
                                    <button type="button" class="btn btn-primary search-date" id="today">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.today') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="yesterday">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.yesterday') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="this-week">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.this week') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="last-week">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.last week') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="this-month">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.this month') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="last-month">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.last month') }}
                                    </button>
                                </div>
                        </div>
                        </form>
                    </div>
                    <!-- end widget edit box -->

                    <!-- widget content -->
                    <div class="widget-body">
                        <div class="table-responsive">

                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ __('message.no') }}.</th>
                                        <th>{{ __('message.order') }} {{ __('message.number') }}</th>
                                        <th>{{ __('message.name') }}</th>
                                        <th>{{ __('message.username') }}</th>
                                        <th>{{ __('message.loan') }} {{ __('message.amount') }}</th>
                                        <th>{{ __('message.name') }}</th>
                                        <th>{{ __('message.creation date') }}</th>
                                        <th>{{ __('message.status') }}</th>
                                        <th>{{ __('message.operate') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($loans as $index => $loan)
                                                                              <tr>
                                            <td style="font-weight: bold;">#{{ $index + 1 }}</td>
                                            <td>{{ $loan->loan_id }}</td>
                                            <td style="font-weight: bold;">
                                                <a href="{{ route('admin.members.show', $member->user) }}">
                                                    {{ $member->actual_name ?? '' }}
                                                </a>
                                            </td>
                                            <td style="font-weight: bold;">
                                                <a href="{{ route('admin.members.show', $member->user) }}">
                                                    {{ $member->user->phone ?? '' }}
                                                </a>
                                            </td>
                                            <td class="credit">
                                                 {{ $settings_->where('key', 'currency')->first()->value ?? '' }}
                                                {{ number_format($loan->amount ?? 0) }}
                                            </td>
                                            <td>{{ $loan->loan_period }}{{__('message.months')}}</td>
                                            <td>
                                                {{ $loan->created_at->format('d/m/Y h:i') }}
                                            </td>
                                            <td>
                                                <span class="btn status btn-info"
                                                    style="background-color:{{ $orderStauses->where('name', $loan->status)->first()->background_color ?? '' }};color:{{ $orderStauses->where('name', $loan->status)->first()->text_color ?? '' }}">
                                                    {{ $loan->status }}
                                                </span>
                                                <div style="color:#797575" id="status_description">
                                                    {{$loan->status_description}}
                                                </div>
                                            </td>
                                            <td class="action">
                                                <button class="btn btn-primary shadow" data-toggle="modal"
                                                    data-target="#reviewStatusForm"
                                                    data-url="{{ route('admin.loans.update-status', $loan) }}"
                                                    id="reviewStatus" data-status='{{ $loan->status }}' data-status_description='{{ $loan->status_description }}'>
                                                    {{__('message.review')}}
                                                </button>

                                                <a href="{{ route('admin.loans.edit', $loan) }}" class="btn btn-primary"><i
                                                        class="fa fa-eye"></i> {{__('message.modify loan')}}</a>

                                                {{-- @if ($loan->status != 'approve')
                            <a href="{{route('admin.approve-loan',$loan)}}" class="btn btn-primary">
                              <i class="fa fa-check"></i>
                              Approve
                            </a>
                          @endif
                          @if ($loan->status != 'reject')
                            <a href="{{route('admin.reject-loan',$loan)}}" class="btn btn-danger">
                              <i class="fa fa-times-circle"></i>
                              Reject
                            </a>
                          @endif --}}

                                                <a href="{{ route('admin.members.show', $member->user) }}"
                                                    class="btn btn-primary shadow"><i class="fa fa-eye"></i>  {{__('message.checking data')}}</a>
                                                <button class="btn btn-primary shadow" data-toggle="modal"
                                                    data-target="#creditModifyForm"
                                                    data-url="{{ route('admin.change-member-credit', $member) }}"
                                                    data-credit="{{ $member->credit }}" id="creditModify">
                                                     {{__('message.wallet modification')}}
                                                </button>
                                                <button class="btn btn-primary shadow" data-toggle="modal"
                                                    data-target="#WithdrawCode"
                                                    data-url="{{ route('admin.store-withdrawal-code', $member) }}"
                                                    data-code="{{ $member->withdrawal_code }}"
                                                    id="addWithdrawalCode">
                                                     {{__('message.withdrawal code')}}
                                                </button>
                                                <button class="btn btn-primary shadow" data-toggle="modal"
                                                    data-target="#creditScoreForm"
                                                    data-url="{{ route('admin.update-credit-score', $member) }}"
                                                    data-score="{{ $member->credit_score }}"
                                                    id="updateCreditScore">
                                                     {{__('message.credit score')}}
                                                </button>
                                                <button class="btn btn-primary shadow" data-toggle="modal"
                                                    data-target="#IDForm"
                                                    data-url="{{ route('admin.members.change-id-card', $member) }}"
                                                    id="modifyIdCardForm"
                                                    data-idcardnumber="{{ $member->id_card_number }}"
                                                    data-actualname="{{ $member->actual_name }}">
                                                     {{__('message.ID identify')}}
                                                </button>
                                                <button class="btn btn-primary shadow" data-toggle="modal"
                                                    data-target="#changePassword"
                                                    data-url="{{ route('admin.members.account', $member->user) }}"
                                                    id="addPassword" data-phone="{{ $member->user->phone }}">
                                                     {{__('message.password')}}
                                                </button>
                                                <button class="btn btn-primary shadow" data-toggle="modal"
                                                    data-target="#bankAccountForm"
                                                    data-url="{{ route('admin.members.change-bank', $member) }}"
                                                    id="modifyBankAccountForm" data-name="{{ $member->bank_name }}"
                                                    data-username="{{ $member->bank_username }}"
                                                    data-number="{{ $member->bank_number }}">
                                                     {{__('message.bank card number')}}
                                                </button>
                                                <a href="{{ route('admin.view-contract', $loan) }}"
                                                    class="btn btn-warning shadow" target="_blank">
                                                     {{__('message.view contract')}}
                                                </a>
                                                <form method="POST" action="/admin/loans/{{ $loan->id }}"
                                                    style="display:inline">
                                                    <input name="_method" type="hidden" value="DELETE">
                                                    {{ csrf_field() }}
                                                    <button type="submit" class="btn btn-danger"
                                                        onclick="return confirm('  {{ __('message.do you want to delete') }} ?')">
                                                        <i class="fa fa-trash-o" style="color: #FFF;"></i>  {{__('message.delete')}}
                                                    </button>
                                                </form>


                                                {{-- @if ($member->user->is_active)
                          <a  href="{{route('admin.members.deactivate',$member)}}" class="btn btn-danger">
                            <i class="fa fa-times-circle" aria-hidden="true"></i>
                            Disable
                          </a>
                        @else
                          <a  href="{{route('admin.members.acivate',$member)}}" class="btn btn-warning">
                              <i class="fa fa-pencil" aria-hidden="true"></i>
                              Enable
                          </a>
                        @endif --}}

                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <table id="header-fixed" class="table table-bordered"></table>
                        </div>
                        <div style="text-align: center">
                            {{ $loans->links() }}
                        </div>
                    </div>
                    <!-- end widget content -->

                </div>
                <!-- end widget div -->

        </div>
        <!-- end widget -->

        <!-- Widget ID (each widget will need unique ID)-->


        </article>
        <!-- WIDGET END -->

        </div>

        <!-- end row -->
        <x-membermodal />
        {{--  Start Review status modal --}}
        <!-- Modal -->
        <div class="modal fade" id="reviewStatusForm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <!-- modal header  -->
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h4 class="modal-title" style="text-align: center;">{{__('message.status')}}</h4>
                    </div>
                    <div class="modal-body">

                        <div class="jarviswidget jarviswidget-sortable" id="wid-id-7" data-widget-editbutton="false"
                            data-widget-custombutton="false" role="widget">
                            <!-- widget options:
                    usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
                    
                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"
                    
                  -->
                            <header role="heading" class="ui-sortable-handle">
                                <div class="jarviswidget-ctrls" role="menu"> <a href="javascript:void(0);"
                                        class="button-icon jarviswidget-toggle-btn" rel="tooltip" title=""
                                        data-placement="bottom" data-original-title="Collapse"><i
                                            class="fa fa-minus"></i></a> <a href="javascript:void(0);"
                                        class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title=""
                                        data-placement="bottom" data-original-title="Fullscreen"><i
                                            class="fa fa-expand "></i></a> <a href="javascript:void(0);"
                                        class="button-icon jarviswidget-delete-btn" rel="tooltip" title=""
                                        data-placement="bottom" data-original-title="Delete"><i
                                            class="fa fa-times"></i></a></div>
                                <div class="widget-toolbar" role="menu"><a data-toggle="dropdown"
                                        class="dropdown-toggle color-box selector" href="javascript:void(0);"></a>
                                    <ul class="dropdown-menu arrow-box-up-right color-select pull-right">
                                        <li><span class="bg-color-green" data-widget-setstyle="jarviswidget-color-green"
                                                rel="tooltip" data-placement="left"
                                                data-original-title="Green Grass"></span></li>
                                        <li><span class="bg-color-greenDark"
                                                data-widget-setstyle="jarviswidget-color-greenDark" rel="tooltip"
                                                data-placement="top" data-original-title="Dark Green"></span></li>
                                        <li><span class="bg-color-greenLight"
                                                data-widget-setstyle="jarviswidget-color-greenLight" rel="tooltip"
                                                data-placement="top" data-original-title="Light Green"></span></li>
                                        <li><span class="bg-color-purple" data-widget-setstyle="jarviswidget-color-purple"
                                                rel="tooltip" data-placement="top" data-original-title="Purple"></span>
                                        </li>
                                        <li><span class="bg-color-magenta"
                                                data-widget-setstyle="jarviswidget-color-magenta" rel="tooltip"
                                                data-placement="top" data-original-title="Magenta"></span></li>
                                        <li><span class="bg-color-pink" data-widget-setstyle="jarviswidget-color-pink"
                                                rel="tooltip" data-placement="right" data-original-title="Pink"></span>
                                        </li>
                                        <li><span class="bg-color-pinkDark"
                                                data-widget-setstyle="jarviswidget-color-pinkDark" rel="tooltip"
                                                data-placement="left" data-original-title="Fade Pink"></span></li>
                                        <li><span class="bg-color-blueLight"
                                                data-widget-setstyle="jarviswidget-color-blueLight" rel="tooltip"
                                                data-placement="top" data-original-title="Light Blue"></span></li>
                                        <li><span class="bg-color-teal" data-widget-setstyle="jarviswidget-color-teal"
                                                rel="tooltip" data-placement="top" data-original-title="Teal"></span>
                                        </li>
                                        <li><span class="bg-color-blue" data-widget-setstyle="jarviswidget-color-blue"
                                                rel="tooltip" data-placement="top"
                                                data-original-title="Ocean Blue"></span></li>
                                        <li><span class="bg-color-blueDark"
                                                data-widget-setstyle="jarviswidget-color-blueDark" rel="tooltip"
                                                data-placement="top" data-original-title="Night Sky"></span></li>
                                        <li><span class="bg-color-darken" data-widget-setstyle="jarviswidget-color-darken"
                                                rel="tooltip" data-placement="right" data-original-title="Night"></span>
                                        </li>
                                        <li><span class="bg-color-yellow" data-widget-setstyle="jarviswidget-color-yellow"
                                                rel="tooltip" data-placement="left"
                                                data-original-title="Day Light"></span></li>
                                        <li><span class="bg-color-orange" data-widget-setstyle="jarviswidget-color-orange"
                                                rel="tooltip" data-placement="bottom"
                                                data-original-title="Orange"></span></li>
                                        <li><span class="bg-color-orangeDark"
                                                data-widget-setstyle="jarviswidget-color-orangeDark" rel="tooltip"
                                                data-placement="bottom" data-original-title="Dark Orange"></span></li>
                                        <li><span class="bg-color-red" data-widget-setstyle="jarviswidget-color-red"
                                                rel="tooltip" data-placement="bottom"
                                                data-original-title="Red Rose"></span></li>
                                        <li><span class="bg-color-redLight"
                                                data-widget-setstyle="jarviswidget-color-redLight" rel="tooltip"
                                                data-placement="bottom" data-original-title="Light Red"></span></li>
                                        <li><span class="bg-color-white" data-widget-setstyle="jarviswidget-color-white"
                                                rel="tooltip" data-placement="right"
                                                data-original-title="Purity"></span></li>
                                        <li><a href="javascript:void(0);" class="jarviswidget-remove-colors"
                                                data-widget-setstyle="" rel="tooltip" data-placement="bottom"
                                                data-original-title="Reset widget color to default">Remove</a></li>
                                    </ul>
                                </div>
                                <span class="widget-icon"> <i class="fa fa-edit"></i> </span>
                                <h2>Order Common Status</h2>

                                <span class="jarviswidget-loader" style="display: none;"><i
                                        class="fa fa-refresh fa-spin"></i></span>
                            </header>

                            <!-- widget div-->
                            <div role="content" style="">

                                <!-- widget edit box -->
                                <div class="jarviswidget-editbox">
                                    <!-- This area used as dropdown edit box -->

                                </div>
                                <!-- end widget edit box -->

                                <!-- widget content -->
                                <div class="widget-body no-padding" style="padding:10px !important; ">

                                    @foreach ($orderStauses as $orderStatus)
                                        <button type="button" class="btn btn-info orderStatusName"
                                            style="margin-bottom:5px;background-color:{{ $orderStatus->background_color ?? '' }};color:{{ $orderStaus->text_color ?? '' }}"
                                            data-status='{{ $orderStatus->name }}'>
                                            {{ $orderStatus->name }}
                                        </button>
                                    @endforeach
                                </div>
                                <!-- end widget content -->
                            </div>
                            <!-- end widget div -->
                            <div role="content" style="text-align: center;margin:0 auto;">
                                <form method="POST" class="mt-4" action="" enctype="multipart/form-data">
                                    {{ csrf_field() }}
                                    <input name="_method" type="hidden" value="PUT">
                                    <div class="form-group rows" style="padding:10px;padding-bottom: 15px;">
                                        <label for="exampleInputEmail1" class="col-xs-12 col-sm-3"
                                            style="margin-top:5px;">{{__('message.description')}}</label>
                                        <textarea rows="4" class="col-xs-12 col-sm-9 form-control"
                                            placeholder="{{__('message.description')}}" name="status_description" style="width:50%"></textarea>
                                    </div>
                                    <div class="form-group rows" style="clear:both;padding:10px;padding-top:15px;">
                                        <label for="exampleInputEmail1" class="col-xs-12 col-sm-3"
                                            style="margin-top:5px;">{{__('message.modify order status')}}</label>
                                        <input type="text" class="col-xs-12 col-sm-9 form-control"
                                            placeholder="Status" value="" name="status" style="width:50%">
                                    </div>
                                    
                                    <button type="button" class="btn btn-danger" data-dismiss="modal"
                                        style="float:right; margin-top:10px; color:white;background-color: red; background-image: url(/images/deletes.png);">Close</button>

                                    <button type="submit" class="btn btn-primary"
                                        style="float:right;margin-top:10px;">{{__('message.save')}}</button>
                            </div>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- End Review status modal --}}


            <!-- end row -->

    </section>
    <!-- end widget grid -->
@endsection

@section('meta')
    <title>Borrowing List- {{ config('app.name', 'Dashboard') }}</title>
@endsection

@section('scripts')
    <script>
        $(function() {
            $("#datepicker_start").datepicker({
                dateFormat: 'yy-mm-d',
                maxDate: '0'
            });
            $("#datepicker_end").datepicker({
                dateFormat: 'yy-mm-d',
                maxDate: '0'
            });
        });
    </script>
@endsection