@extends('layouts.admin')
@section('page_title')
@parent
اسنپ پی حضوری
@endsection
@section('head-js')
<link href="/plugins/datatables/dataTables.min.css" rel="stylesheet">
<script src="{{asset('/plugins/ckeditor/ckeditor.js')}}"></script>
  <link rel="stylesheet" href="/assets/plugins/persiandate/persian.datepicker.min.css"/>
<style>
.datepicker-plot-area{
direction: ltr;
text-align: center;
}
.datepicker-plot-area span{
text-align: center;
}
.datepicker-plot-area div{
text-align: center;
}
.select2-container {
    z-index: 97 !important;
}
</style>
  <script src="/assets/plugins/persiandate/persian.date.js"></script>
  <script src="/assets/plugins/persiandate/persian.datepicker.min.js"></script>
  <script type="text/javascript">

    $(document).ready(function () {
        $('#startdate').persianDatepicker({
            altField: '#startdateAlt',
            format: 'YYYY/MM/DD',
        });

    });
    $(document).ready(function () {
        $('#enddate').persianDatepicker({
            altField: '#enddateAlt',
            format: 'YYYY/MM/DD',
        });
        $('#enddateAlt').attr('value','');
        $('#startdateAlt').attr('value','');
    });

  </script>
@endsection
@section('main')
  <div class="header">
    <h2>اسنپ پی حضوری  
        @if(@$startdate) از {{\Morilog\Jalali\Jalalian::forge(@$startdate)->format('Y/m/d')}} @endif 
    @if(@$enddate) تا {{\Morilog\Jalali\Jalalian::forge(@$enddate)->format('Y/m/d')}} @endif
    </h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li class="active">اسنپ پی حضوری</li>
      </ol>
    </div>
    @include('admin.error')
    </div>

<button class="btn btn-dark" data-toggle="modal" data-target="#submitneworder"><i class="icon-plus"></i> ثبت سفارش جدید </button>
<!-- Modal Del -->
<div id="submitneworder" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
    {!! Form::open(['url' => '/admin/snappay-inperson/withdraw', 'method' => 'post' , 'enctype' => 'multipart/form-data']) !!}
      <div class="modal-header bg-dark">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"> ثبت سفارش جدید </h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-12">
            <div class="alert alert-warning" id="message-box" style="display:none;">
             
            </div>
            <div class="form-group">
              <label>نام</label>
              <input type="text" name="fname" id="fname" class="form-control" style="border:1px solid;font-size:15px;" required>
            </div>
            <div class="form-group">
              <label>نام خانوادگی</label>
              <input type="text" name="lname" id="lname" class="form-control" style="border:1px solid;font-size:15px;" required>
            </div>
            <div class="form-group">
              <label>موبایل</label>
              <input type="number" name="mobile" id="mobile" class="form-control" style="border:1px solid;font-size:15px;" required>
            </div>
            <span id="sendauthcode" onclick="sendauthcode()" class="btn btn-sm btn-success">ارسال احراز</span>
            <div class="form-group" id="inputauthcode" style="display:none;">
              <label>کد احراز را وارد نمائید</label>
              <input type="text" id="authcode" class="form-control" style="border:1px solid;font-size:15px;">
              <span onclick="submitauthcode()" class="btn btn-sm btn-dark mt-3">ثبت احراز</span>
            </div>
            <input type="hidden" id="user_id" name="user_id" value="" class="form-control" required>
          </div>
          <div class="col-md-12" id="Snapppayform" style="display:none;">
            <div class="form-group">
              <label>کد QR Code</label>
              <input type="text" name="qrcode" class="form-control" style="border:1px solid;font-size:15px;" required>
            </div>
            <div class="form-group">
              <label>مبلغ (تومان)</label>
              <input type="number" name="amount" class="form-control" style="border:1px solid;font-size:15px;" required>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" id="submitbtn" style="display:none;" class="btn btn-success">ارسال درخواست</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
      </div>
    {!! Form::close() !!}
        </div>

    </div>
  </div>
     <div class="panel">
          {!! Form::open(['url'=>'/admin/snappay-inperson' , 'method'=>'GET' , 'class'=>'search-form']) !!}
          <div class="panel-content bg-primary">
            <div class="row">
              <div class="form-group col-md-4">
                <p>کدسفارش</p>
                <input type="text" name="code" class="form-control input-sm" @if(@$code) value="{{$code}}" @endif>
              </div>
            </div>
            <div class="row">                
             <div class="form-group col-md-4">
                <p>از تاریخ</p>
                <input  id="startdate" type="text" class="form-control input-sm"/>
                <input type="hidden" id="startdateAlt" type="text" class="form-control" name="startdate" />
             </div>
             <div class="form-group col-md-4">
                <p>تا تاریخ</p>
                <input  id="enddate" type="text" class="form-control input-sm"/>
                <input type="hidden" id="enddateAlt" type="text" class="form-control" name="enddate" />
             </div>             
            </div>
              <div class="row ">
                  <div class="col-md-4">
                      <button type="submit" class="btn btn-dark">جستجو</button>
                         <p>تعداد کل : {{@$ins->total()}}</p>
                  </div>
                  
              </div>
          </div>
          {!! Form::close() !!}
       
      </div>
<div class="panel">
  <div class="panel-content pagination2 table-responsive filter-left">
            <table class="table table-hover table-dynamic table-tools">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>وضعیت</th>
                        <th>کد سفارش</th>
                        <th>مبلغ (تومان)</th>
                         <th>نهایی سازی</th>
                        <th>تاریخ ثبت</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                @foreach($ins as $in)
                <tr>
                    <td>{{$in->id}}</td>
                    <td>
                        @if($in->status == 'INIT') 
                        <span class="btn btn-warning btn-sm" >INIT</span>
                        @elseif($in->status == 'SETTLE') 
                        <span class="btn btn-success btn-sm">SETTLE</span>
                        @else
                        <span class="btn btn-dark btn-sm">{{$in->status}}</span>
                        @endif
                    </td>
                    <td>{{$in->code}}</td>
                    <td>{{number_format($in->amount, 0)}}</td>
                    <td>
                        @if($in->finalizeRequired == true )  
                        <span class="btn btn-success btn-sm">true</span>
                        @else
                        <span class="btn btn-danger btn-sm">false</span>
                        @endif
                    </td>
                 
                    <td>{{\Morilog\Jalali\Jalalian::forge($in->created_at)->format('l d  F Y - H:i')}}</td>

                    <td>
                        @if($in->status != 'CANCEL')
                            @if($in->status != 'INIT')
                            <a class="btn btn-primary btn-sm" href="{{asset('/admin/snappay-inperson/check-status/'.$in->id)}}"><i class="icon-info" data-toggle="tooltip" title="به روزرسانی وضعیت کردن"></i></a>
                            @endif
                            @if($in->finalizeRequired == true )
                            <button class="btn btn-blue btn-sm" data-toggle="modal" data-target="#final{{$in->id}}"><i class="icon-plus" data-toggle="tooltip" title="نهایی سازی سفارش کردن"></i></button>
                            @endif
                            @if($in->status == 'SETTLE')
                             <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#delete{{$in->id}}"><i class="icon-trash" data-toggle="tooltip" title="حذف و کنسل"></i></button>
                            @endif
                        @endif
                        
                    </td>
                </tr>
                             @if($in->finalizeRequired == true )
                                <div id="final{{$in->id}}" class="modal fade" role="dialog">
                                  <div class="modal-dialog">

                                    <div class="modal-content">
                                    {!! Form::open(['url' => '/admin/snappay-inperson/finalize/'.$in->id, 'method' => 'post']) !!}
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title" style="color:black;">نهایی سازی سفارش {{$in->code}} </h4>
                                      </div>
                                      <div class="modal-body">

                                        <div class="form-group">
                                            <label>کد مرجع</label>
                                            <input type="text" name="refcode" class="form-control" required>
                                        </div>

                                      </div>
                                      <div class="modal-footer">
                                        <button type="submit" class="btn btn-dark">ذخیره تغییرات</button>
                                        <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                                      </div>
                                    {!! Form::close() !!}
                                    </div>

                                  </div>
                                </div>
                            @endif
                            @if($in->status == 'SETTLE')
                                <div id="delete{{$in->id}}" class="modal fade" role="dialog">
                                  <div class="modal-dialog">

                                    <div class="modal-content">
                                    {!! Form::open(['url' => '/admin/snappay-inperson/delete/'.$in->id, 'method' => 'post']) !!}
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title" style="color:black;">کنسل کردن و حذف {{$in->code}} </h4>
                                      </div>
                                      <div class="modal-body">

                                        <p>آیا از حذف و کنسل کردن این سفارش اطمینان دارید</p>

                                      </div>
                                      <div class="modal-footer">
                                        <button type="submit" class="btn btn-dark">بله </button>
                                        <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                                      </div>
                                    {!! Form::close() !!}
                                    </div>

                                  </div>
                                </div>
                            @endif
                @endforeach
                </tbody>
            </table>
    {{$ins->links('admin.pagination')}}
  </div>
</div>

@endsection
@section('js')
<script>
    
function sendauthcode(){
  mobile = $('#mobile').val();
  fname = $('#fname').val();
  lname = $('#lname').val();
    $.ajax({
      url : '/admin/snappay-inperson/ajaxuser-create',
      method : 'POST',
      data : {mobile:mobile,fname:fname,lname:lname,_token: "{{ csrf_token() }}"},
      dataType : 'json',
      success : function(data) {
          console.log(data.user.id);
        // $('#Snapppayform').fadeIn(0);
        // $('#submitbtn').fadeIn(0);
        $('#user_id').val(data.user.id);
        $('#message-box').html('کد احراز با موفقیت ارسال شد');
        $('#message-box').fadeIn(0);
        $('#inputauthcode').fadeIn(0);
      },
      error : function(data) {
          $('#message-box').html('');
          $('#message-box').fadeOut(0);
        // $('#Snapppayform').fadeOut(0);
        // $('#submitbtn').fadeOut(0);
        $('#inputauthcode').fadeOut(0);
        $('#message-box').html('خطایی رخ داده است');

      }
    });
}

function submitauthcode(){
    code = $('#authcode').val();
    user_id = $('#user_id').val();
    $.ajax({
      url : '/admin/snappay-inperson/ajaxuser-verify',
      method : 'POST',
      data : {code:code,'user_id':user_id,_token: "{{ csrf_token() }}"},
      dataType : 'json',
      success : function(data) {
          
          if(data.success == true){
                $('#Snapppayform').fadeIn(0);
                $('#submitbtn').fadeIn(0);
                $('#message-box').html('احراز با موفقیت انجام شد');
                $('#message-box').fadeIn(0);
                $('#inputauthcode').fadeOut(0);
          }else{
                  $('#message-box').html('کد احراز صحیح نیست');
          }

        
      },
      error : function(data) {
         $('#message-box').html('خطایی رخ داده است');

      }
    });    
}
</script>
@stop