@extends('layouts.AdminMaster')
@yield('sessions')
@section('title', 'Pre Orders')

@section('content')
    {{--$item_store=\app\item_store::all();--}}

        

    <!-- {{$preorders}} -->


<style>

.tr-active{
    background: red;
    color: white;
}
</style>



    <div class="panel panel-default">
        <div class="panel-heading">PreOreders

        </div>
        <div class="panel-body">

            <table>
                <thead>
                <tr>
                    <th>Profoma ID</th>
                    <th>User</th>
                    <th>phone</th>
                    <th>Date</th>
                    <th>Delivery time</th>
                    <th>View</th>
                    <th> Approve</th>
                    <th> Reject</th>
                </tr>

                </thead>
                <tbody>
                                @foreach($preorders as $preorder)
                                    <tr>
                        <td>  {{ $preorder->prefoma_id }}  </td>
                        <td class="get-row" data-profoma=" {{ $preorder->prefoma_id }}"> {{$preorder->user->name}}  </td>
                        <td> {{$preorder->user->phone}}  </td>

                        <td>  {{$preorder->date}}  </td>
                        <td>  {{$preorder->delivery_time}}</td>
                        <td>

                            {!! Form::open(['url' => ['admin/pre/view'], 'method' => 'POST','id'=>$preorder->order_id]) !!}
                            <input type="hidden" name="user_id" value="{{$preorder->user_id}}">
                            <input type="hidden" name="date" value="{{$preorder->date}}">
                            <input type="hidden" name="time" value="{{$preorder->delivery_time}}">
                            <a class="btn btn-primary view" user-id="{{$preorder->user_id}}" date=" {{$preorder->date}}"
                               time="{{$preorder->delivery_time}}" order_id="{{$preorder->order_id}}">view</a>
                            {!! Form::close() !!}


                        </td>
                        <td>


                            {!! Form::open(['url'=>['admin/approve/preorder'], 'method'=>'POST']) !!}
                            <input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>
                            <input type="hidden" value="{{$preorder->date}}" name="date"/>
                            <input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>
                        <button  class="btn btn-default approve" date="{{$preorder->date}}" data-count="{{$count}}" today="{{date('Y-m-d')}}">Approve</button>
                            {!! Form::close() !!}

                        </td>
                        <td>

                            <form action="{{url('admin/cancel/preorder')}}" id="{{'cancel_form_'.$count}}" method="GET">
                            <input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>
                            <input type="hidden" value="{{$preorder->date}}" name="date"/>
                            <input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>
                        <button  class="btn btn-danger cancel" date="{{$preorder->date}}" data-count="{{$count}}" today="{{date('Y-m-d')}}">Cancel</button>
                           
                            </form>
                        </td>


                    </tr>

                @endforeach


                </tbody>

            </table>


        </div>
        <div class="panel-footer">
                            <button type="button" id="viewall" class="btn btn-success pull-right">View All</button>
                        </div>
    </div>







    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">View pre order</h5>
                   
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="table-responsive">

                        <table class="view-table table-hover" id="view-table">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Item Name</th>
                                <th>Qty</th>
                                <th>Market Price</th>
                                <th>price</th>
                                <th>Discount</th>
                                <th>cashback</th>

                                <th>Total</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>


                    </div>

                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-4 text-right"><h4>Total</h4></div>
                        <div class="col-md-4"><h4 class="totalsummery"></h4></div>
                    </div>
                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-4 text-right"><h4>Cash back total</h4></div>
                        <div class="col-md-4"><h4 class="cashbacktotal"></h4></div>
                    </div>


                </div>
                <div class="modal-footer">
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <style>

        .view-table {
            width: 100% !important;
        }

    </style>




@section('scripts')

    <script>

        $(document).ready(function () {
            $(".view").click(function () {
                var user_id = $(this).attr('user-id');
                var frm = $('#' + $(this).attr('order_id'));
                var date = $(this).attr('date');
                var time = $(this).attr("time");
                var url = frm.attr('action')
                var data = frm.serialize();
                console.log(url);

                $.post(url, data, function (result) {
                    console.log(result);

                    if ($.fn.dataTable.isDataTable('#view-table')) {
                        table = $('#view-table').DataTable();
                        table.destroy();
                    }

                    $('#view-table').DataTable({
                        //here is the solution
                        "paging":   false,
                        "data": JSON.parse(result).data,

                        "columns": [

                            {"data": "#"},
                            {"data": "itemName"},
                            {"data": "qty"},
                            {"data": "market_price"},
                            {"data": "price"},
                            {"data": "discount_price"},
                            {"data": "kikcashback"},
                            // {"data": "Final_price"},
                            {"data": "sub"}


                        ]
                    });
                    $('.cashbacktotal').html(JSON.parse(result).kikcashback);
                    $('.totalsummery').html(JSON.parse(result).totalsummery);
                    $('.modal-title').html(JSON.parse(result).address);
                    $('.modal').modal();
                });

//             });


            });
        });

$('.approve').click(function (e) { 
    e.preventDefault();

    var btn=$(this);
var date=btn.attr('date');
var today=btn.attr('today');
var frm=btn.parent('form');
var count=btn.data('count');
if(date===today){
    // alert('ok');
    frm.submit();
}else{
    Swal.fire({
  title: 'Are you sure?',
  text: "Delivery Date:"+date+' Today:'+today,
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, Confirm it!'
}).then((result) => {
  if (result.value) {
   
    frm.submit();

    
  }
})
}

    
});

$('.cancel').click(function (e) { 
    e.preventDefault();
    var btn=$(this);

var date=btn.attr('date');
var today=btn.attr('today');
var frm=btn.parent('form');
var count=btn.data('count');
var frm=$('#cancel_form_'+count);
    Swal.fire({
  title: 'Are you sure?',
  text: "Cancel This Pre order",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, Confirm it!'
}).then((result) => {
  if (result.value) {
   
    frm.submit();
    // $.ajax({
    //     type: "POST",
    //     url: frm.attr('action'),
    //     data: frm.serialize(),
       
    //     success: function (response) {
            
    //     }
    // });

    
  }
});


    
});



var arr=[];
$('.get-row').click(function (e) { 
    e.preventDefault();


var tr=$(this);
var item_id=tr.data("profoma");
    if (tr.hasClass('tr-active')) {
        removeitem(item_id);
             tr.removeClass('tr-active');
             console.log(arr);


             
    }else{
        tr.addClass('tr-active');
arr.push(item_id);



    }
    // alert(arr);
    
});

$('#viewall').click(function () {

if (arr.length>0) {
var url='{{ url('admin/pre/view/all') }}';
var data={data:JSON.stringify(arr)};

        $.post(url, data, function (result) {
                    console.log(result);

                    if ($.fn.dataTable.isDataTable('#view-table')) {
                        table = $('#view-table').DataTable();
                        table.destroy();
                    }

                    $('#view-table').DataTable({
                        //here is the solution
                        "paging":   false,
                        "data": JSON.parse(result).data,

                        "columns": [

                            {"data": "#"},
                            {"data": "itemName"},
                            {"data": "qty"},
                            {"data": "market_price"},
                            {"data": "price"},
                            {"data": "discount_price"},
                            {"data": "kikcashback"},
                            // {"data": "Final_price"},
                            {"data": "sub"}


                        ],
                         dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf','print'
        ]

                    });
                    $('.cashbacktotal').html(JSON.parse(result).kikcashback);
                    $('.totalsummery').html(JSON.parse(result).totalsummery);
                    $('.modal').modal();
                });


}




  });

    </script>
    <!-- {{--<script>--}}

    {{--// $( document ).ready(function() {--}}
    {{--//     $( ".view" ).click(function() {--}}
    {{--//--}}
    {{--//         $($(this).attr("order-id")).modal();--}}
    {{--//--}}
    {{--//--}}
    {{--//--}}
    {{--//     });--}}
    {{--// });--}}

    {{--</script>--}} -->
@endsection
@endsection