@extends('backend.layouts.app')
@section('head')

    <link rel="stylesheet" href="{{asset('assets/css/datatable.css')}}">

@endsection
@section('content')
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{translate('Seller Withdraw Request')}}</h5>
        </div>
        <div class="card-body">
            <div class="card-body">

                <div class="row">
                    {{--                {!!  \App\Services\SelectService::multi_select_2_status('status',$status,trans('cp.datatable.status')) !!}--}}
                    {!!  \App\Services\SelectService::multi_select_2('users',$users,trans('User')) !!}
                    {!! \App\Services\ButtonService::apply_filter_button() !!}
                </div>

                <table id="datatable" class="table table-striped w-100">
                    <thead>

                    <th style="text-align: center">
                        <input type="checkbox" id="select_all"/></th>
                    <th class="text-left">#</th>
                    <th class="text-left">{{translate('Date')}}</th>
                    <th class="text-left">{{translate('Seller')}}</th>
                    <th class="text-left">{{translate('Shop')}}</th>
                    <th class="text-left">{{translate('Total Amount to Pay')}}</th>
                    <th class="text-left">{{translate('Requested Amount')}}</th>
                    <th class="text-left">{{translate('Message')}}</th>
                    <th class="text-left">{{translate('status')}}</th>
                    <th class="text-left w-150px">{{translate('actions')}}</th>

                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection

@section('modal')
{{--    <td class="text-right">--}}
{{--        <a onclick="show_seller_payment_modal('{{$seller_withdraw_request->user_id}}','{{ $seller_withdraw_request->id }}');" class="btn btn-soft-warning btn-icon btn-circle btn-sm" href="javascript:void(0);" title="{{ translate('Pay Now') }}">--}}
{{--            <i class="las la-money-bill"></i>--}}
{{--        </a>--}}
{{--        @can('pay_to_seller')--}}
{{--            <a onclick="show_message_modal('{{ $seller_withdraw_request->id }}');" class="btn btn-soft-success btn-icon btn-circle btn-sm" href="javascript:void(0);" title="{{ translate('Message View') }}">--}}
{{--                <i class="las la-eye"></i>--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--        @can('seller_payment_history')--}}
{{--            <a href="{{route('sellers.payment_history', encrypt($seller_withdraw_request->user_id))}}" class="btn btn-soft-primary btn-icon btn-circle btn-sm"  title="{{ translate('Payment History') }}">--}}
{{--                <i class="las la-history"></i>--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--    </td>--}}
<!-- payment Modal -->
<div class="modal fade" id="payment_modal">
  <div class="modal-dialog">
    <div class="modal-content" id="payment-modal-content">

    </div>
  </div>
</div>


<!-- Message View Modal -->
<div class="modal fade" id="message_modal">
  <div class="modal-dialog">
    <div class="modal-content" id="message-modal-content">

    </div>
  </div>
</div>


@endsection



@section('script')

    <script src="{{asset('assets/js/datatable.js')}}"></script>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {!! $datatable_script !!}
  <script type="text/javascript">
      function show_seller_payment_modal(id, seller_withdraw_request_id){
          $.post('{{ route('withdraw_request.payment_modal') }}',{_token:'{{ @csrf_token() }}', id:id, seller_withdraw_request_id:seller_withdraw_request_id}, function(data){
              $('#payment-modal-content').html(data);
              $('#payment_modal').modal('show', {backdrop: 'static'});
              $('.demo-select2-placeholder').select2();
          });
      }

      function show_message_modal(id){
          $.post('{{ route('withdraw_request.message_modal') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
              $('#message-modal-content').html(data);
              $('#message_modal').modal('show', {backdrop: 'static'});
          });
      }
  </script>

@endsection