@extends('layouts.home_layout')
@php
    $pageTitle = "Order List";
@endphp
@section('title', $pageTitle)

@section('style')
    <link rel="stylesheet" href="{{ asset('app-assets/css/select2.min.css') }}" >
@endsection

@section('content')
<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
                <h3 class="content-header-title mb-0 d-inline-block">{{$pageTitle}}</h3>
                {{-- <div class="row breadcrumbs-top d-inline-block">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active">Animation</li>
                        </ol>
                    </div>
                </div> --}}
            </div>
            <div class="content-header-right col-md-6 col-12">
                <div class="dropdown float-md-right">
                    
                </div>
            </div>
        </div>
        <div class="content-body">
            @include('common.alert_msg')
            <!-- Button animation start -->
            <section id="btnAnimation" class="btnAnimation">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Orders</h4>
                                <a class="heading-elements-toggle"><i class="la la-ellipsis-h font-medium-3"></i></a>
                                <div class="heading-elements">
                                    <ul class="list-inline mb-0">
                                        <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                                        <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                                        <li><a data-action="close"><i class="ft-x"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped dataTable">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">#</th>
                                                    <th class="text-center">Order No</small></th>
                                                    <th class="text-center">Customer Name</small></th>
                                                    <th class="text-center">Order QTY</th>
                                                    <th class="text-center">Total Amount</th>
                                                    <th class="text-center">Booking Money</th>
                                                    <th class="text-center">Total Payment <br/> <small>(Booking + Payment )</small> </th>
                                                    <th class="text-center">Total Due </th>
                                                    {{-- <th class="text-center">Payment Method</th> --}}
                                                    <th class="text-center">Payment Status</th>
                                                    <th class="text-center">Order Date</th>
                                                    <th class="text-center">Status</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($orders as $key=>$item)
                                                    <tr>
                                                        <td>{{$key +1 }}</td>
                                                        <td>{{ $item->order_no}}</td>
                                                        <td>{{ $item->fname}} {{ $item->lname}}</td>
                                                        <td>{{ $item->qty }}</td>
                                                        <td class="text-right">Tk.{{ $item->total_amount}}</td>
                                                        <td class="text-right">Tk.{{ $item->booking_money }}</td>
                                                        <td class="text-right">Tk. @if ($item->booking_money_status == "1")
                                                                {{ $item->booking_money + $item->payment}}
                                                            @else
                                                                {{ $item->payment}}
                                                            @endif
                                                            
                                                        
                                                        </td>
                                                        <td class="text-right">Tk.@if ($item->booking_money_status == "1")
                                                                {{ $item->total_amount - ($item->booking_money + $item->payment) }}
                                                            @else
                                                            {{ $item->total_amount - ($item->payment) }}
                                                            @endif
                                                        
                                                        </td>
                                                        {{-- <td>{{ $item->payment_method}}</td> --}}
                                                        <td>
                                                            @if( $item->payment_status == '1')
                                                                <span style="color:green;font-weight:700">Full Paid</span>
                                                            @elseif($item->payment_status == '2')
                                                                <span style="color:yellow;font-weight:700">Partial Paid</span>
                                                            @else
                                                                <span style="color:red;font-weight:700">Due</span>
                                                            @endif
                                                        </td>
                                                        <td>{{ $item->order_date}}</td>
                                                        <td>{{ $item->order_status}}</td>
                                                        <td class="text-center" style="padding: 0px;">
                                                            <table style="width: 100%;">
                                                                <tr class="text-center">
                                                                    <td class="px-1" title="Edit">
                                                                       
                                                                        <a href="{{ url('order_booking_money_get',$item->id)}}" class="btn {{ $item->booking_money_status == "1" ? 'btn-success disabled' : 'btn-danger'}} btn-sm ">
                                                                            Booking Money Received
                                                                        </a>
                                                                        
                                                                        
                                                                    </td>
                                                                    <td class="px-1" title="Edit">
                                                                        @if (is_permit('order_e'))
                                                                        <a href="javascript:void(0)" class="btn btn-secondary btn-sm edit_order" data-toggle="modal" data-target="#modal" data-id="{{$item->id}}" >
                                                                            <i class="fa fa-pencil-square-o"></i>
                                                                        </a>
                                                                        @endif
                                                                    </td>
                                                                    <td class="px-1" title="View Details">
                                                                        @if (is_permit('order_v'))
                                                                            <a href="{{route('order_v', $item->id)}}" target="_blank" class="btn btn-info btn-sm">
                                                                                <i class="fa fa-television"></i>
                                                                            </a>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                {{-- @foreach ($list as $key => $item)
                                                    <tr>
                                                        <td class="text-center">{{($key + 1)}}</td>
                                                        <td>{{$item->title}}</td>
                                                        <td class="text-center" style="width: 200px">
                                                            <img src="{{asset('storage/slider/' . $item->image)}}" class="img-thumbnail w-100" alt="slider image">
                                                        </td>
                                                        <td class="text-center">
                                                            {{$item->description}}
                                                        </td>
                                                        <td class="text-center">
                                                            {{$item->status_text}}
                                                        </td>
                                                        <td class="text-center" style="padding: 0px;">
                                                            <table style="width: 100%;">
                                                                <tr class="text-center">
                                                                    <td class="px-1">
                                                                        @if (is_permit('slider_e'))
                                                                            <a href="javascript:void(0)" class="btn btn-secondary btn-sm edit_row" data-toggle="modal" data-target="#modal" data-id="{{$item->id}}" >
                                                                                <i class="fa fa-pencil-square-o"></i>
                                                                            </a>
                                                                        @endif
                                                                    </td>
                                                                    <td class="px-1">
                                                                        @if (is_permit('slider_d'))
                                                                            <form method="POST" action="{{route("slider_d", $item->id) }}" class="mb-0 delete_form" >
                                                                                @method('DELETE')
                                                                                @csrf
                                                                                <button type="submit" class="btn btn-sm btn-danger delete_row" ><i class="fa fa-minus-square-o"></i></button>
                                                                            </form>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                @endforeach --}}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Card animation end -->
             {{-- Modal Start id="modal" --}}
             <div class="modal fade bd-example-modal-lg" id="modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content" id="modalContent">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalTitle">Edit Orders</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>

    
                        <form method="post" action="{{ url('order_u') }}">
                            @csrf
                            <div class="row">
                                <div class="col-sm-12 col-md-12">
                                    <div class="modal-body">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="order_no" class="col-form-label">Order No</label>
                                                    <input type="text" class="form-control" name="order_no" id="order_no" readonly />
                                                    <input type="hidden" id="row_id"  name="row_id" >
                                                    <input type="hidden" id="cattle_id" name="cattle_id" >
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="customer_name" class="col-form-label">Customer Name</label>
                                                    <input type="text" class="form-control" name="customer_name" id="customer_name" readonly/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="totol_amount" class="col-form-label">Total Amount</label>
                                                    <input type="text" class="form-control" name="totol_amount" id="totol_amount" readonly/>
                                                    
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="total_due" class="col-form-label">Total Due</label>
                                                    <input type="text" class="form-control" name="total_due" id="total_due" readonly/>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="booking_money" class="col-form-label">Booking Money</label>
                                                    <input type="text" class="form-control" name="booking_money" id="booking_money" readonly/>
                                                    
                                                </div>
                                            </div>

                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="payment" class="col-form-label">Payment</label>
                                                    <input type="text" class="form-control" name="payment" id="payment" required/>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="row_status" class="col-form-label">Status <span class="red">*</span></label>
                                                    <select name="row_status" id="row_status" class="form-control" required>
                                                        <option value="Processing" {{old('row_status')== 'Processing' ? 'selected' : ''}}>Processing</option>
                                                        {{-- <option value="Accepted" {{old('row_status')== 'Accepted' ? 'selected' : ''}}>Accepted</option>
                                                        <option value="Delivered" {{old('row_status')== 'Delivered' ? 'selected' : ''}}>Delivered</option> --}}
                                                        <option value="Complated" {{old('row_status')== 'Complated' ? 'selected' : ''}}>Delivered</option>
                                                        {{-- <option value="Rejected" {{old('row_status')== 'Rejected' ? 'selected' : ''}}>Rejected</option> --}}
                                                        <option value="Cancel" {{old('row_status')== 'Cancel' ? 'selected' : ''}}>Cancel</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary" id="btn_save">Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>  
		{{-- Modal End  --}}
        </div>
    </div>
  
</div>
@endsection


@section('script')
<script>
    @if ($errors->any())
        $('#modal').modal('show');
    @endif

    $(function () {
        $(".modal").on("hidden.bs.modal", function (e) {
            $("#modalTitle").html("Create New");
            $('#btn_save').text("Save");
            reset_form_data();
        });
    });

    function reset_form_data(){
        $('#row_id').val('');
        $('#title').val('');
        $('#description').val('');
        $('#image').val('');
        $('#row_status').val(1);
    }

    $(document).on('click', '.edit_order', function(e) {
            var row_id= $(this).data('id');
            $('#modalTitle').html("Edit Order");
            $('#btn_save').text("Update");
            $('#modal').modal('show');

            $.ajaxSetup({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                type    : "get",
                url     : "{{ url('/order_e') }}/" + row_id,
                dataType: "json",
                success : function(response){
                    var r_val = response.row_data;
                    console.log(r_val);

                    var customer_name = r_val.fname + "" + r_val.lname;
                    var total_due     = (r_val.total_amount - r_val.booking_money)
                    // console.log(customer_name);
                    $('#row_id').val(r_val.id);
                    $('#cattle_id').val(r_val.cattle_id);
                    $('#order_no').val(r_val.order_no);
                    $('#customer_name').val(customer_name);
                    $('#totol_amount').val(r_val.total_amount);
                    $('#booking_money').val(r_val.booking_money);
                    $('#total_due').val(total_due);
                    // $('#medicine_name_bn').val(r_val.medicine_name_bn);
                    // $('#med_cat_id').val(r_val.med_cat_id);
                    // $('#medicine_power').val(r_val.medicine_power);
                    // $('#effective_days').val(r_val.effective_days);
                    // $('#row_status').val(r_val.row_status);

                    // var op1 = '';
                    // $.each(data, function(i, v) { 
                    //     var name = (v.code) ? v.name + '_' + v.code : v.name;
                    //     op1 += '<option value="'+v.apwl_id_ledger_id+'">' +name+ '</option>';
                    // });
                    //this_tr.find('.apwl_id').html('<option value="">--Select One--</option>'+op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
            e.preventDefault();
        });

    $(document).on('click', '.delete_row', function(e) {
        var thisEle = $(this);
        if(confirm('Are you sure to delete?')) {
            delete_form.parents('.delete_form').submit();
        } else {
            return false;
        }
        e.preventDefault();
    });

</script>
@endsection