@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>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="Search (Loan ID, Username, Name...)" type="text" name="q" value="{{$q}}">
              </div>
              <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                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="Start Date" readonly="">
              </div>
              <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                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="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>
                    Search
                  </button>
                  <a href="{{route('admin.members.index')}}" type="rset" class="btn">
                    <i class="fa fa-refresh"></i>
                    <span class="hidden-xs">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>
                Today
                </button>
                <button type="button" class="btn btn-primary search-date" id="yesterday">
                <i class="fa fa-calendar"></i>
                Yesterday
                </button>
                <button type="button" class="btn btn-primary search-date" id="this-week">
                <i class="fa fa-calendar"></i>
                This Week
                </button>
                <button type="button" class="btn btn-primary search-date" id="last-week">
                <i class="fa fa-calendar"></i>
                Last Week
                </button>
                <button type="button" class="btn btn-primary search-date" id="this-month">
                <i class="fa fa-calendar"></i>
                This Month
                </button>
                <button type="button" class="btn btn-primary search-date" id="last-month">
                <i class="fa fa-calendar"></i>
                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>No.</th>
                    <th>Order Number</th>
                    <th>Name</th>
                    <th>Username</th>
                    <th>Loan Amount</th>
                    <th>Loan Term</th>
                    <th>Creation Date</th>
                    <th>Status</th>
                    <th>Operation</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', $loan->member->user)}}">
                          {{$loan->member->actual_name??'' }}
                        </a>
                      </td>
                      <td style="font-weight: bold;">
                          <a href="{{route('admin.members.show', $loan->member->user)}}">
                            {{$loan->member->user->phone??'' }}
                          </a>
                      </td>
                      <td class="credit">
                        {{ number_format($loan->amount??0) }} {{$settings_->where('key','currency')->first()->value??''}}
                      </td>
                      <td>{{$loan->loan_period }}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>
                      </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}}'>
                          Review
                        </button>

                        <a href="{{route('admin.loans.edit',$loan)}}" class="btn btn-primary"><i class="fa fa-eye"></i>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',$loan->member->user)}}" class="btn btn-primary shadow"><i class="fa fa-eye"></i> Checking Data</a>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#creditModifyForm" data-url="{{route('admin.change-member-credit',$loan->member)}}" data-credit="{{$loan->member->credit}}" id="creditModify">
                          Wallet Modification
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#WithdrawCode" data-url="{{route('admin.store-withdrawal-code',$loan->member)}}" data-code="{{$loan->member->withdrawal_code}}" id="addWithdrawalCode">
                          Withdrawal Code
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#creditScoreForm" data-url="{{route('admin.update-credit-score',$loan->member)}}" data-score="{{$loan->member->credit_score}}" id="updateCreditScore">
                          Credit Score
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#IDForm" data-url="{{route('admin.members.change-id-card', $loan->member)}}" id="modifyIdCardForm" data-idcardnumber="{{$loan->member->id_card_number}}"  data-actualname="{{$loan->member->actual_name}}">
                          ID Identify
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#changePassword" data-url="{{route('admin.members.account',$loan->member->user)}}"  id="addPassword" data-phone="{{$loan->member->user->phone}}">
                          Password
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#bankAccountForm" data-url="{{route('admin.members.change-bank', $loan->member)}}" id="modifyBankAccountForm" data-name="{{$loan->member->bank_name}}"  data-username="{{$loan->member->bank_username}}"  data-number="{{$loan->member->bank_number}}">
                          Bank Card Number
                        </button>
                        <a href="{{route('admin.view-contract',$loan)}}" class="btn btn-warning shadow" target="_blank">
                          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('Do you want to delete?')">
                           <i class="fa fa-trash-o" style="color: #FFF;"></i> Delete
                          </button>
                        </form>


                        {{-- @if($loan->member->user->is_active)
                          <a  href="{{route('admin.members.deactivate',$loan->member)}}" class="btn btn-danger">
                            <i class="fa fa-times-circle" aria-hidden="true"></i>
                            Disable
                          </a>
                        @else
                          <a  href="{{route('admin.members.acivate',$loan->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;">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;">
                    <label for="exampleInputEmail1" class="col-xs-12 col-sm-3" style="margin-top:5px;">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"  style="float:right;margin-top:10px;" data-dismiss="modal">Close</button>

                  <button type="submit" class="btn btn-primary" style="float:right;margin-top:10px;">Save changes</button>
              </div>
            </div>
      </form>
    </div>
  </div>
</div>
{{-- End Review status modal --}}


  <!-- end row -->

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

@endsection

@section('meta')
<title>Borrowing List 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