@extends('layouts.front-end.body')

@section('content')
<div class="wrapper" style="margin-bottom: 100px;">
    
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" style="min-height: 923px;">
       <div class="curve"></div>
         <div class="toast" id="alert_toast" role="alert" aria-live="assertive" aria-atomic="true">
          <div class="toast-body text-white">
          </div>
        </div>
      <div id="toastsContainerTopRight" class="toasts-top-right fixed"></div>
      <!-- Content Header (Page header)-->
      <div class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <!--<h1 class="m-0">Transaction</h1>-->
            </div>
  
          </div>
              <!--<hr class="border-primary">-->
        </div>
      </div> 
      <!-- /.content-header -->
  
      <section class="content">
        <div class="container-fluid">
           
  <style>
      .m-header {
          width: 100%;
          position: fixed;
          top: 0;
          left: 0;
          color: #464646 !important;
          font-size: .373333rem;
          z-index: 99999999;
          min-height:50px;
      }
      
      .m-header .left_btn {
          position: absolute;
          left: 0.4rem;
          top: 5px;
          line-height: 1.2rem;
      }
      
      
      .m-header .left_btn img {
          width: 1.4rem;
      }
      .m-header .Maintitle {
          line-height: 1.2rem;
          height: 1.2rem;
          text-align: center;
      }
      
      .search button {
  
      border-radius: 0.4rem;
      
      color: #fff;
      font-size: .946667rem;
  }
  .curve{
      height:20%;
  }
  </style>
  
   <div class="col-md-12">
        <div class="m-header bg-grad2" style="padding-top:10px;">
          <div class="left_btn" onclick="javascript:history.go(-1)" style="padding-top:10px;">
            <img src="{{ asset('front-end/assets/fanhui.png') }}" alt="" class="return" style="cursor: pointer;">
          </div>
          <div class="Maintitle">
            <h3 style="color:#fff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{{__('message.account details')}}</font></font></h3>
          </div>
          <div class="right_btn"></div>
        </div>
        <div class="" style="background-repeat: no-repeat;background-size: 100% auto;    padding-top: 65px;">
          <div class="mint-loadmore-content">
            <div class="mint-loadmore-top">
              <!---->
             <!-- <span class="mint-loadmore-text" style="color: white;">ดึงลงเพื่อรีเฟรช</span>-->
            </div>
            <form id="frm_search" method="get" action="{{route('transaction')}}">
              <div class="time search d-flex justify-content-center align-items-center" style="border-bottom: none;">
                <input type="date" id="start" class="col-4 form-control bg-white start border" name="start" value="{{$start}}" style="width: 85px;text-align: center">
                <span class="col-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">To</font></font></span>
                <input type="date" id="end" class="col-4 form-control  bg-white end  border" name="end" value="{{$end}}" style="width: 85px;text-align: center">
                <button type="submit" class="col-3 btn btn-default bg-grad2 btn-lg btn-block ml-1" style="font-size:12px" id="">
                  <font style="vertical-align: inherit;">
                    {{__('message.search')}}
                  </font>
                </button>
              </div>
              <!---->
            </form>
          </div>
        </div>
      </div>
      <br>
      <div class="col-md-12" id="data">   
        @foreach($withdraws as $withdraw)     
        <div class="col-12 text-white border rounded mb-2" style=" border-radius:15px!important">
            <div class="d-flex p-3" style="flex-direction:column;color:red">
                <h6 data-v-e4c745aa="" style="color:red;">
                  <font style="vertical-align: inherit;">
                      {{__('message.withdrawal')}} (฿)：{{number_format($withdraw->amount_withdraw,2)}}
                  </font>
                </h6>
                <small data-v-e4c745aa="" style="color:red!important;font-size:.8rem">
                  <font style="vertical-align: inherit;">
                    {{__('message.order no')}}:  000000{{$withdraw->id}} 
                  </font>
                </small>
                  <small data-v-e4c745aa="" style="color:red!important;font-size:.8rem">
                    <font style="vertical-align: inherit;">
                      {{__('message.withdrawal status')}}: 
                      @if($withdraw->is_approve==1)
                        {{__('message.approved')}}
                      @elseif($withdraw->reject==1)
                        {{__('message.reject')}}
                      @else
                        {{__('message.pending')}}
                      @endif
                    </font>
                  </small>
                  @if($withdraw->reason)
                    <small data-v-e4c745aa="" style="color:red!important;font-size:.8rem">
                      <font style="vertical-align: inherit;">
                        {{__('message.reason')}}: 
                        {!!$withdraw->reason!!}
                      </font>
                    </small>
                  @endif
                <br>
                <small data-v-e4c745aa="" style="color:red!important;font-size:.8rem">
                  <font style="vertical-align: inherit;">
                      
                  </font>
                </small>
           </div>
           <small data-v-e4c745aa="" style="color:red!important;font-size:.8rem">
            </small>
            
          <small data-v-e4c745aa="" style="color:red!important;font-size:.8rem">
          </small>
        </div>
        @endforeach
      <script>
          
          // setTimeout(function(){$('#frm_search').trigger('submit');},1000)
          
          // $('#frm_search').submit(function(e){
          //     e.preventDefault();
          //     start_load()
          //     var frm = $(this)[0];
          //     $.ajax({
          //         url:'ajax.php?action=get_transaction',
          //         type: 'POST',
          //         data: new FormData(frm),
          //         cache: false,
          //         contentType: false,
          //         processData: false,
          //         method: 'POST',
          //         type: 'POST',
          //          success:function(resp){
          //             $('#data').html(resp)  
      
          //       }
       
          //     });
          //     end_load()
          // })
      </script>      </div><!--/. container-fluid -->
      </section>
      <!-- /.content -->
      <div class="modal fade" id="confirm_modal" role="dialog">
      <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
          <div class="modal-header">
          <h5 class="modal-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">confirm</font></font></h5>
        </div>
        <div class="modal-body">
          <div id="delete_content"></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default bg-grad2 text-white" id="confirm" onclick=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">continue</font></font></button>
          <button type="button" class="btn btn-secondary" data-dismiss="modal"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">turn off</font></font></button>
        </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="uni_modal" role="dialog">
      <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
          <div class="modal-header">
          <h5 class="modal-title"></h5>
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" id="submit" onclick="$('#uni_modal form').submit()"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">record</font></font></button>
          <button type="button" class="btn btn-secondary" data-dismiss="modal"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">cancel</font></font></button>
        </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="uni_modal_right" role="dialog">
      <div class="modal-dialog modal-full-height  modal-md" role="document">
        <div class="modal-content">
          <div class="modal-header">
          <h5 class="modal-title"></h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span class="fa fa-arrow-right"></span>
          </button>
        </div>
        <div class="modal-body">
        </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="viewer_modal" role="dialog">
      <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
                <button type="button" class="btn-close" data-dismiss="modal"><span class="fa fa-times"></span></button>
                <img src="" alt="" style="height:100%">
        </div>
      </div>
    </div>
    </div>
    <!-- /.content-wrapper -->
  </div>
@endsection

@section('meta')
    <title>{{ __('message.transaction') }}</title>
@endsection