@extends('mattine.layouts.app')

@section('content')
<!-- ============================================================== -->
<!-- main wrapper -->
<!-- ============================================================== -->

<div class="container-fluid dashboard-content">
    <div class="row justify-content-between">
        <div class="col">
            <h3 class="section-title mb-0"> <i class="fa fa-chart-line"></i>{{__('Rapport-Z')}} </h3>

        </div>

    </div>
    <hr>
    <div class="row justify-content-md-center">
        <div class="col-xs-12 col-sm-6 col-md-10">
            <div class="card p-0">
                <h4 class="card-header text-light bg-primary">{{__('filtrer')}} (l'heure de cloture): {{$store->cloture}} H </h4>
                <div class="card-body p-1 d-flex justify-content-center">
                    <div class="col-xs-12 col-sm-6 col-md-11">
                        <form id="frm-type" action="#">
                            <div class="row  no-gutters">
                                <div class="col-xs-10 col-md-4 d-flex justify-content-center">

                                     <label for="bytype" class="col-8 col-form-label text-light bg-info d-flex  justify-content-center p-4"><i class="fas fa-utensils mr-1"></i>{{__('Sur place')}} : {{$surplace}} DH</label>



                                </div>
                                <div class="col-xs-10 col-md-4 d-flex justify-content-center">

                                    <label for="bytype" class="col-8 col-form-label text-light bg-success d-flex justify-content-center p-4"><i class="fas fa-shopping-bag mr-1"></i>{{__('Emporté')}} : {{$emporter}} DH</label>



                                </div>
                                <div class="col-xs-10 col-md-4 d-flex justify-content-center">

                                    <label for="bytype" class="col-8 col-form-label text-light bg-secondary d-flex  justify-content-center p-4"><i class="fas fa-shipping-fast mr-1"></i>{{__('Livraison')}} : {{$livraison}} DH </label>



                                </div>

                            </div>
                            <div class="row  no-gutters mt-3 d-none">
                                <div class="col-xs-10 col-md-6 d-flex justify-content-center">

                                     <label for="bytype" class="col-8 col-form-label text-dark bg-light d-flex  justify-content-center p-4">{{__('e-commerce')}} : 0</label>



                                </div>
                                <div class="col-xs-10 col-md-6 d-flex justify-content-center">

                                    <label for="bytype" class="col-8 col-form-label text-light bg-warning d-flex justify-content-center p-4">{{__('born')}} : 0 </label>



                                </div>


                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="form-group row">
                                        <label for="fromdate" class="col-sm-2 col-form-label">{{__('De')}} :</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" id="fromdate" name="fromdate" value="{{request('fromdate')}}" type="date">
                                        </div>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="form-group row">
                                        <label for="todate" class="col-sm-2 col-form-label">{{__('A')}}:</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" id="todate"  name="todate" value="{{request('todate')}}" type="date">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">

                                <div class="col">
                                    <div class="form-group row">
                                    <label for="bytype" class="col-sm-2 col-form-label">{{__('Type')}} :</label>
                                        <div class="col-sm-10">
                                            <select class="form-control" id="bytype" name="bytype">
                                                <option value="Ticket" {{ request('bytype') == 'Ticket' ? "selected" : "" }}>{{__('TICKET')}}</option>
                                                <option value="tous" {{ request('bytype') == 'tous' ? "selected" : "" }}>{{__('Tous')}}</option>
                                                <option value="Recu" {{ request('bytype') == 'Recu' ? "selected" : "" }}>{{__('RECU')}}</option>
                                                <option value="Facture" {{ request('bytype') == 'Facture' ? "selected" : "" }}>{{__('FACTURE')}}</option>
                                                {{-- <option value="Bon Livraison" {{ request('bytype') == 'Bon Livraison' ? "selected" : "" }}>{{__('BON LIVERISON')}} </option> --}}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-10 col-md-8 d-flex justify-content-center">

                                    <label for="bytype" class="col-xs-8 col-md-6 col-form-label text-light bg-success d-flex justify-content-center">{{__('Prix Total')}}   :    {{$total_price}} {{__('DH')}}</label>



                                </div>
                            </div>

                            <button id="btnsbt" class="btn btn-green mb-2 mt-5" type="button">
                            <i class="fa fa-search"></i> {{__('Chercher')}}
                            </button>

                        </form>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-10 col-lg-12 col-md-6 col-sm-12 col-12">
            <div class="card">
                <div class="col-xl-6 col-lg-4 col-md-3 col-sm-12 col-6">


                </div>
                <h5 class="card-header"></h5>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table">

                            <thead class="bg-warning">
                                <tr class="border-0">
                                <th class="border-0">{{__('MAT')}}</th>
                                    <th class="border-0">{{__('Produit')}}</th>
                                    <th class="border-0">{{__('Quantité')}}</th>
                                    <!-- <th class="border-0">{{__('Prix TTC')}}</th> -->
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($ventes as $items)
                                <tr>
                                    <td>{{$items['key']}}</td>
                                    <td>{{$items['Name']}}</td>
                                    <td>{{$items['Qte']}}</td>
                                    <!-- <td>{{$items['prixTTC']}} Dh</td> -->


                                </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card-footer">
                    {{$ventes->appends(request()->query())->links()}}

                </div>
            </div>
        </div>


    </div>
</div>







@endsection

@section('javascript')
<script type="text/javascript">


    function zeroPadded(val) {
        if (val >= 10)
            return val;
        else
            return '0' + val;
    }


    d = new Date();
    //initialize two datestimes
    date_1 = d.getFullYear() + "-" + zeroPadded(d.getMonth()+1) + "-" + zeroPadded(d.getDate());
    date_2 = d.getFullYear() + "-" + zeroPadded(d.getMonth() + 1) + "-" + zeroPadded(d.getDate());

    @if(!request('fromdate'))
    $("#fromdate").val(date_1);
    @endif
    @if(!request('todate'))
    $("#todate").val(date_2);
    @endif



    $("#btnsbt").click(function () {
        todate = $('#todate').val();
        fromdate = $("#fromdate").val();

        flag = CompareDate(fromdate, todate);
        if (!flag)
            alert("Date debut doit etre superieur que date fin");
        else
            $("#frm-type").submit();
    });

    function CompareDate(fromdate, todate) {
        //Note: 00 is month i.e. January
        var dateOne = new Date(fromdate); //Year, Month, Date
        var dateTwo = new Date(todate); //Year, Month, Date
        if (dateOne > dateTwo) {
            //alert("Date One is greater than Date Two.");
            return false;
        } else {
            //alert("Date Two is greater than Date One.");
            return true;
        }
    }
</script>
@endsection