@extends('admin.layout.app', ['title' => 'Dashboard'])

@section('preload-section')
    {{-- You must include files that need to be preloaded: Syncronous scripts and Stylesheets mostly --}}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
@endsection

@section('content')
    <!-- BEGIN row -->
    <div class="row">
        <!-- BEGIN col-6 -->


        <!-- END col-6 -->

        <!-- BEGIN col-6 -->
        <div class="col-xl-12">
            <!-- BEGIN row -->
            <div class="row">
                <!-- BEGIN col-6 -->

                <!-- END col-6 -->

                <!-- BEGIN col-6 -->
                <div class="col-sm-4">
                    <!-- BEGIN card -->
                    <div class="card mb-3 overflow-hidden fs-13px border-0 bg-gradient-custom-pink">
                        <!-- BEGIN card-img-overlay -->
                        <div class="card-img-overlay mb-n4 mr-n4 d-flex" style="bottom: 0; top: auto;">
                            <img src="assets/img/icon/email.svg" alt="" class="ml-auto d-block mb-n3"
                                style="max-height: 105px" />
                        </div>
                        <!-- END card-img-overlay -->

                        <!-- BEGIN card-body -->
                        <div class="card-body position-relative">
                            <h5 class="text-white-transparent-8 mb-3 fs-16px">{{ __('keywords.Pending Orders') }}</h5>
                            <h3 class="text-white mt-n1">{{ $this_week_pen }}</h3>
                            <div class="progress bg-black-transparent-5 mb-2" style="height: 6px">
                                @if ($diff_pen >= 0)
                                    <div class="progrss-bar progress-bar-striped bg-white"
                                        style="width:0%"></div>
                                @else
                                    <div class="progrss-bar progress-bar-striped bg-red" style="width:0%">
                                    </div>
                                @endif
                            </div>

                            <div>
                                <div class="text-white-transparent-8 mb-4">
                                    @if ($diff_pen >= 0)
                                    <i class="fa fa-caret-up"></i>@else<i class="fa fa-caret-down"></i>
                                        @endif{{ round($diff_pen, 2) }} % @if ($diff_pen >= 0)
                                            {{ __('keywords.increase') }}
                                        @else
                                            {{ __('keywords.decrease') }}
                                        @endif
                                        <br />
                                        {{ __('keywords.compare to last week') }}
                                </div>
                            </div>
                        </div>
                        <!-- END card-body -->
                    </div>
                    <!-- END card -->

                    <!-- BEGIN card -->
                    {{-- <div class="card mb-3 overflow-hidden fs-13px border-0 bg-gradient-custom-indigo"
                        style="min-height: 202px;">
                        <!-- BEGIN card-img-overlay -->
                        <div class="card-img-overlay mb-n4 mr-n4 d-flex" style="bottom: 0; top: auto;">
                            <img src="assets/img/icon/browser.svg" alt="" class="ml-auto d-block mb-n3"
                                style="max-height: 105px" />
                        </div>
                        <!-- end card-img-overlay -->

                        <!-- BEGIN card-body -->
                        <div class="card-body position-relative">
                            <h5 class="text-white-transparent-8 mb-3 fs-16px">{{ __('keywords.This Week') }}
                                {{ __('keywords.App Users') }}</h5>
                            <h3 class="text-white mt-n1">{{ $this_week_usr }}</h3>
                            <div class="progress bg-black-transparent-5 mb-2" style="height: 6px">
                                @if ($diff_usr >= 0)
                                    <div class="progrss-bar progress-bar-striped bg-white"
                                        style="width:0%"></div>
                                @else
                                    <div class="progrss-bar progress-bar-striped bg-red" style="width:0%">
                                    </div>
                                @endif
                            </div>
                            <div>
                                <div class="text-white-transparent-8 mb-4">
                                    @if ($diff_usr >= 0)
                                    <i class="fa fa-caret-up"></i>@else<i class="fa fa-caret-down"></i>
                                        @endif{{ round($diff_usr, 2) }} % @if ($diff_usr >= 0)
                                            {{ __('keywords.increase') }}
                                        @else
                                            {{ __('keywords.decrease') }}
                                        @endif
                                        <br />{{ __('keywords.compare to last week') }}
                                </div>
                            </div>
                        </div>
                        <!-- END card-body -->
                    </div> --}}
                    <!-- END card -->
                </div>

                <div class="col-sm-4">
                    <!-- BEGIN card -->
                    <div class="card mb-3 overflow-hidden fs-13px border-0 bg-gradient-custom-orange">
                        <!-- BEGIN card-img-overlay -->
                        <div class="card-img-overlay mb-n4 mr-n4 d-flex" style="bottom: 0; top: auto;">
                            <img src="assets/img/icon/order.svg" alt="" class="ml-auto d-block mb-n3"
                                style="max-height: 105px" />
                        </div>
                        <!-- END card-img-overlay -->

                        <!-- BEGIN card-body -->
                        <div class="card-body position-relative">
                            <h5 class="text-white-transparent-8 mb-3 fs-16px">{{ __('keywords.New Orders') }}</h5>
                            <h3 class="text-white mt-n1">{{ $this_week_ord }}</h3>
                            <div class="progress bg-black-transparent-5 mb-2" style="height: 6px">
                                @if ($diff_ord >= 0)
                                    <div class="progrss-bar progress-bar-striped bg-white"
                                        style="width:0%"></div>
                                @else
                                    <div class="progrss-bar progress-bar-striped bg-red" style="width:0%">
                                    </div>
                                @endif
                            </div>
                            <div>
                                <div class="text-white-transparent-8 mb-4">
                                    @if ($diff_ord >= 0)
                                    <i class="fa fa-caret-up"></i>@else<i class="fa fa-caret-down"></i>
                                        @endif{{ round($diff_ord, 2) }} % @if ($diff_ord >= 0)
                                            {{ __('keywords.increase') }}
                                        @else
                                            {{ __('keywords.decrease') }}
                                        @endif
                                        <br />
                                        {{ __('keywords.compare to last week') }}
                                </div>
                            </div>
                        </div>
                        <!-- BEGIN card-body -->
                    </div>
                </div>
                <!-- END card -->

                <!-- BEGIN card -->
                <div class="col-sm-4">
                    <div class="card mb-3 overflow-hidden fs-13px border-0 bg-gradient-custom-teal">
                        <!-- BEGIN card-img-overlay -->
                        <div class="card-img-overlay mb-n4 mr-n4 d-flex" style="bottom: 0; top: auto;">
                            <img src="assets/img/icon/visitor.svg" alt="" class="ml-auto d-block mb-n3"
                                style="max-height: 105px" />
                        </div>
                        <!-- END card-img-overlay -->

                        <!-- BEGIN card-body -->
                        <div class="card-body position-relative">
                            <h5 class="text-white-transparent-8 mb-3 fs-16px">{{ __('keywords.Cancelled Orders') }}</h5>
                            <h3 class="text-white mt-n1">{{ $this_week_can }}</h3>
                            <div class="progress bg-black-transparent-5 mb-2" style="height: 6px">
                                @if ($diff_can >= 0)
                                    <div class="progrss-bar progress-bar-striped bg-white"
                                        style="width:0%"></div>
                                @else
                                    <div class="progrss-bar progress-bar-striped bg-red" style="width:0%">
                                    </div>
                                @endif
                            </div>
                            <div>
                                <div class="text-white-transparent-8 mb-4">
                                    @if ($diff_can >= 0)
                                    <i class="fa fa-caret-up"></i>@else<i class="fa fa-caret-down"></i>
                                        @endif{{ round($diff_can, 2) }} % @if ($diff_can >= 0)
                                            {{ __('keywords.increase') }}
                                        @else
                                            {{ __('keywords.decrease') }}
                                        @endif
                                        <br />
                                        {{ __('keywords.compare to last week') }}
                                </div>
                            </div>
                        </div>
                        <!-- END card-body -->
                    </div>
                </div>
                <!-- END card -->

                <!-- BEGIN col-6 -->
            </div>
            <!-- END row -->
        </div>
    </div>
    <!-- END col-6 -->
    <div class="row">
        <div class="col-xl-12">
            <!-- BEGIN card -->
            <div class="card">
                <!-- BEGIN card-body -->
                <div class="card-body">
                    <div class="d-flex align-items-center mb-2">
                        <div class="flex-grow-1">
                            <h5 class="mb-1">{{ __('keywords.Orders') }}</h5>
                            <div class="fs-13px">{{ __('keywords.Latest order history') }}</div>
                        </div>
                    </div>

                    <!-- BEGIN table-responsive -->
                    <div class="table-responsive mb-n2">
                        <table class="table table-borderless mb-0">
                            <thead>
                                <tr class="text-dark">
                                    <th class="pl-0">#</th>
                                    <th>{{ __('keywords.Cart_id') }}</th>
                                    <th>User Details</th>
                                    <th class="text-center">{{ __('keywords.Status') }}</th>
                                    <th class="text-right pr-0">Amount</th>
                                    <th class="text-right pr-0">Details</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (count($ongoin) > 0)
                                    @php $i=1; @endphp
                                    @foreach ($ongoin as $ongoing)
                                        <tr>
                                            <td class="pl-0">{{ $i }}</td>
                                            <td>
                                                <div class="d-flex align-items-center">

                                                    <div class="ml-3 flex-grow-1">
                                                        <div class="font-weight-600 text-dark">{{ $ongoing->cart_id }}
                                                        </div>
                                                        <div class="fs-13px">{{ $ongoing->delivery_date }}</div>
                                                    </div>

                                                </div>
                                            </td>
                                            <td>
                                                <div class="ml-3 flex-grow-1">
                                                    <div class="font-weight-600 text-dark">{{ $ongoing->name }}</div>
                                                    <div class="fs-13px">{{ $ongoing->user_phone }}</div>
                                                </div>
                                            </td>
                                            <td class="text-center">
                                                @if ($ongoing->order_status == 'Pending')
                                                    <span class="label bg-warning-transparent-2 text-warning"
                                                        style="min-width: 60px;padding: 5px;border-radius: 11px;">
                                                @endif
                                                @if ($ongoing->order_status == 'Confirmed')
                                                    <span class="label bg-success-transparent-2 text-success"
                                                        style="min-width: 60px;padding: 5px;border-radius: 11px;">
                                                @endif
                                                @if ($ongoing->order_status == 'Completed')
                                                    <span class="label bg-success-transparent-2 text-success"
                                                        style="min-width: 60px;padding: 5px;border-radius: 11px;">
                                                @endif
                                                @if ($ongoing->order_status == 'Cancelled')
                                                    <span class="label text-dark-transparent-5"
                                                        style="min-width: 60px;padding: 5px;border-radius: 11px;">
                                                @endif
                                                @if ($ongoing->order_status == 'Out_For_Delivery')
                                                    <span class="label bg-success-transparent-2 text-success"
                                                        style="min-width: 60px;    padding: 5px;border-radius: 11px;">
                                                @endif
                                                {{ $ongoing->order_status }}</span>
                                            </td>
                                            <td class="text-right pr-0"> {{ $ongoing->total_price }}</td>
                                            <td class="text-right pr-0"><button type="button" class="btn btn-primary"
                                                    data-toggle="modal"
                                                    data-target="#exampleModal1{{ $ongoing->cart_id }}">{{ __('keywords.Details') }}</button>
                                            </td>
                                        </tr>
                                        @php $i++; @endphp
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="6">{{ __('keywords.No data found') }}</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    <!-- END table-responsive -->
                </div>
                <!-- END card-body -->
            </div>
            <!-- END card -->
        </div>

    </div>


    </div>
    <!-- END row -->
    <!-- BEGIN row -->

    <!-- END row -->
    <!--/////////Order details model//////////-->
    @foreach ($ongoin as $ords)
        <div id="printThis">
            <div class="modal fade" id="exampleModal1{{ $ords->cart_id }}" tabindex="-1" role="dialog"
                aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="container">

                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">{{ __('keywords.Order Details') }}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="material-datatables">
                                <form role="form" method="post" action="">
                                    <table id="datatables" class="table table-striped table-no-bordered table-hover"
                                        cellspacing="0" width="100%" style="width:100%"
                                        data-background-color="purple">


                                        <tbody>
                                            <tr>
                                                <td colspan="5">
                                                    <table class="table">
                                                        <tr>
                                                            <td valign="top" style="width:50%">
                                                                <strong> {{ __('keywords.Order_Id') }} : </strong>
                                                                {{ $ords->cart_id }}
                                                                <br />
                                                                <strong>{{ __('keywords.Customer_name') }} :
                                                                </strong>{{ $ords->receiver_name }}<br />
                                                                <strong>{{ __('keywords.Contact') }} :
                                                                </strong>{{ $ords->receiver_phone }}, @if ($ords->user_phone != $ords->receiver_phone)
                                                                    {{ $ords->receiver_phone }}
                                                                @endif <br />
                                                                <strong> Expected Delivery Date :
                                                                </strong>
                                                                <br>
                                                                {{ $ords->delivery_date }}
                                                                <br />
                                                                <strong> Order Date :
                                                                </strong>{{ $ords->order_date }}
                                                                <br />
                                                            </td>
                                                            <td style="width:50%" align="right">
                                                                <strong> {{ __('keywords.Delivery Address') }}
                                                                </strong><br />

                                                                <b>{{ $ords->type }} :</b>
                                                                {{ $ords->house_no }},{{ $ords->society }},<br>
                                                                @if ($ords->landmark != null)
                                                                    {{ $ords->landmark }},
                                                                    <br>
                                                                @endif
                                                                {{ $ords->city }},{{ $ords->state }},<br>
                                                                {{ $ords->pincode }}
                                                            </td>

                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>

                                            <tr>
                                                <th>{{ __('keywords.Product_Name') }}</th>
                                                <th>{{ __('keywords.Qty') }}</th>
                                                <th>{{ __('keywords.Tax') }}</th>
                                                <th>{{ __('keywords.Price') }}</th>
                                                <th>{{ __('keywords.Total_Price') }}</th>
                                            </tr>
                                            @if (count($details) > 0)
                                                @php $i=1; @endphp

                                                <tr>
                                                    @foreach ($details as $detailss)
                                                        @if ($detailss->cart_id == $ords->cart_id)
                                                            <td>
                                                                <p><img style="width:25px;height:25px; border-radius:50%"
                                                                        src="/storage/{{ ($detailss->varient_image) }}"
                                                                        alt="">
                                                                    {{ $detailss->product_name }}({{ $detailss->quantity }}{{ $detailss->unit }})
                                                                </p>
                                                            </td>
                                                            <td>{{ $detailss->qty }}</td>
                                                            <td>
                                                                @if ($detailss->tx_per == 0 || $detailss->tx_per == null)
                                                                    0
                                                                @else
                                                                    {{ $detailss->tx_per }}
                                                                    @endif % @if ($detailss->tx_per != 0 && $detailss->tx_name != null)
                                                                        ({{ $detailss->tx_name }})
                                                                    @endif
                                                            </td>
                                                            <td>
                                                                <p><span style="color:grey">
                                                                        @if ($detailss->price_without_tax != null)
                                                                            {{ $detailss->price_without_tax }}
                                                                        @else
                                                                            {{ $detailss->price }}
                                                                        @endif
                                                                    </span></p>
                                                            </td>
                                                            <td>
                                                                <p><span style="color:grey">{{ $detailss->price }}</span>
                                                                </p>
                                                            </td>
                                                        @endif
                                                </tr>
                                                @php $i++; @endphp
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="5">{{ __('keywords.No data found') }}</td>
                                            </tr>
    @endif


    <tr>
        <td colspan="4" class="text-right"><strong class="pull-right">{{ __('keywords.Products_Price') }} : </strong>
        </td>
        <td class="text-right" colspan="1">
            <strong>{{ $ords->price_without_delivery + $ords->coupon_discount}}</strong>
        </td>
    </tr>
    <tr>
        <td colspan="4" class="text-right"><strong class="pull-right">{{ __('keywords.Delivery_Charge') }} :
            </strong></td>
        <td class="text-right" colspan="1">
            <strong>+{{ $ords->delivery_charge }}</strong>
        </td>
    </tr>
    @if ($ords->paid_by_wallet > 0)
        <tr>
            <td colspan="4" class="text-right"><strong class="pull-right">{{ __('keywords.Paid By Wallet') }} :
                </strong></td>
            <td class="text-right" colspan="1">
                <strong>-{{ $ords->paid_by_wallet }}</strong>
            </td>
        </tr>
    @endif
    @if ($ords->coupon_discount > 0)
        <tr>
            <td colspan="4" class="text-right"><strong class="pull-right">{{ __('keywords.Coupon Discount') }}:
                </strong></td>
            <td class="text-right" colspan="1">
                <strong class="">-{{ $ords->coupon_discount }}</strong>
            </td>
        </tr>
    @endif
    <tr>
        <td colspan="4" class="text-right"><strong
                class="pull-right">{{ __('keywords.Net_Total(Payable)') }}:</strong></td>
        <td class="text-right" colspan="1">{{ $ords->rem_price }}</td>
    </tr>
    </tbody>
    </table>
    </form>
    </div>
    <div class="modal-footer">
        <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">{{ __('keywords.Close') }}</button>
    </div>
    </div>

    <!-- end content-->
    </div>
    </div>
    <!--  end card  -->

    </div>
    </div>
    </div>
    @endforeach
@endsection

@section('postload-section')
    {{-- You must include files that have no direct efect on the load of the page and can be loaded meanwhile other tasks can be performed by user --}}
    <script>
        $('#datatableDefault').DataTable({
            dom: "<'row mb-3'<'col-sm-4'l><'col-sm-8 text-right'<'d-flex justify-content-end'fB>>>t<'d-flex align-items-center'<'mr-auto'i><'mb-0'p>>",
            responsive: true,
            lengthMenu: false,
            autoWidth: true,
            select: true,
            scrollX: true,
            processing: true,
            ordering: true,
            paging: false,
            buttons: [{
                    extend: 'print',
                    className: 'btn btn-default fa-print'
                },
                {
                    extend: 'csv',
                    className: 'btn btn-default'
                }
            ]
        });
    </script>
@endsection