@extends('layouts.admin')

@section('content')
    <div id="main-content">

        <div class="row mt-5" id="manage-orders">
            <div class="col-lg-12 col-md-12">
                <div class="card">
                    <div class="header">
                        <h2>Orders Report</h2>
                    </div>
                    <div class="body">

                        <form action="/admin/report" method="post" id="reportForm">
                            @csrf
                            <div class="row">
                                <div class="col-12 col-sm-4">
                                    <label>Orders From</label>
                                    <select name="orderType" class="form-control">
                                        <option value="live_orders">Live Orders</option>
                                        <option value="orders">Orders</option>
                                    </select>
                                </div>
                                <div class="col-12 col-sm-4 offset-sm-4 text-right" style="padding-top:30px;">
                                    <a href="/admin/custom_report" class="btn btn-secondary"><i class="icon-folder"></i> Custom Client Report</a>
                                    @if(isset($selectedClient) && $selectedClient!='*')
                                        <a href="/admin/custom_report/generate/{!! $selectedClient !!}" class="btn btn-primary"> Generate Custom Link</a>
                                    @endif
                                </div>
                            </div>
                            <div class="row" style="padding:10px 0;margin:10px 0;">
                                <div class="col-12 col-sm-6 col-md-3 ">
                                    <button type="button" onclick="generateReport(1)" class="btn btn-primary" style="width:100%;">Daily Report</button>
                                </div>
                                <div class="col-12 col-sm-6 col-md-3 ">
                                    <button type="button" onclick="generateReport(2)" class="btn btn-info" style="width:100%;">Weekly Report</button>
                                </div>
                                <div class="col-12 col-sm-6 col-md-3 ">
                                    <button type="button" onclick="generateReport(3)" class="btn btn-success" style="width:100%;">Monthly Report</button>
                                </div>
                                <div class="col-12 col-sm-6 col-md-3 2">
                                    <button type="button" onclick="generateReport(4)" class="btn btn-warning" style="width:100%;">Yearly Report</button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 col-sm-6 col-md-3 ">
                                    <label>From</label>
                                    <input type="date" class="form-control" name="from" id="fromDate" @if(isset($dateFrom)) value="{!! $dateFrom !!}" @endif />
                                </div>
                                <div class="col-12 col-sm-6 col-md-3 ">
                                    <label>To</label>
                                    <input type="date" class="form-control" name="to" id="toDate" @if(isset($dateTo)) value="{!! $dateTo !!}" @endif />
                                </div>
                                <div class="col-12 col-sm-6 col-md-2">
                                    <label>Client</label>
                                    <select name="client" class="form-control select2 mySelect2" style="border:none;padding:0;">
                                        <option value="*">Tous</option>
                                        @foreach($clients as $client)
                                            <option value="{!! $client->fb_pseudo !!}"
                                                @if(isset($selectedClient) && $selectedClient == $client->fb_pseudo) selected @endif
                                            >{!! $client->name !!} - {!! $client->fb_pseudo !!}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12 col-sm-6 col-md-2">
                                    <label>Type de commande</label>
                                    <select name="type" class="form-control select2 mySelect2" style="border:none;padding:0;">
                                        <option value="*">Tous</option>
                                        <option value="0" @if(isset($type) && $type===0) selected @endif>EN ATTENTE</option>
                                        <option value="1" @if(isset($type) && $type==1) selected @endif>PAIEMENT TERMINÉ</option>
                                        <option value="2" @if(isset($type) && $type==2) selected @endif>REJETÉ</option>
                                    </select>

                                </div>
                                <div class="col-12 col-sm-6 col-md-2 " style="padding-top:30px;">
                                    <button class="btn btn-primary" type="submit">Generate Rpt</button>
                                    <button class="btn btn-danger" type="button" onclick="downloadPDF();">PDF</button>
                                </div>
                            </div>
                            <input type="hidden" name="report" id="report" />
                        </form>

                        @if(isset($orders) && count($orders)>0)
                            @if($orderType=='live_orders')
                                @include('admin.report.table.live_orders')
                            @else
                                @include('admin.report.table.orders')
                            @endif
                        @endif

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


@endsection
@section('footer')
    <script>
        function generateReport(type){
            $('#report').val(type);
            $('#reportForm').submit();
        }
        function downloadPDF(){
            let dateFrom = $('#fromDate').val();
            let dateTo = $('#toDate').val();
            console.log(dateFrom);
            if(dateFrom!='' && dateTo!=''){
                $("#reportForm").attr('action', '/admin/report/pending');
                $('#reportForm').submit();
                setTimeout(function(){
                    $("#reportForm").attr('action', '/admin/report');
                },1000);
            }else{
                alert('Please select the dates');
            }
        }
    </script>
@endsection