<?php $this->layout("_admin"); ?>

<section class="wrapper">
    <div class="row">

        <div class="col-12 text-center my-4 text-sm-center">
            <h3> Consulta de Clientes</h3>
            <p>Consulte os clientes no sistema</p>
        </div>
        <div class="col-lg-12">
            <section class="card">
                <header class="card-header">
                    <div class="task-progress" style="padding: 15px 0;">
                        <h1>Consulta para: [<b><?= $title ?></b>]</h1>
                    </div>
                    <form action="<?= url("/admin/relatory/csv-clients"); ?>" method="post">
                        <?php $t = explode("/", $_GET["route"]);
                        ?>
                        <button type="submit" class="float-right btn btn-dark btn-sm mt-2"><i class="fa fa-file-download"></i> Gerar Relatório</button>
                        <input type="hidden" value="<?= $t[4] ?>" name="search">
                        <input type="hidden" value="<?= $t[3] ?>" name="type">
                        <a href="" target="_blank" class="btn btn-sm btn-info btn-download" style="display: none">Baixar Relatório</a>
                    </form>
                </header>
                <header class="card-header white-bg" style="border-radius: 5px">
                    <form action="<?= url("/admin/order-clients/{$type}"); ?>" method="post">
                        <label style="margin-top: 6px;">Busca de Clientes  >> </label>

                        <input type="text" name="s" value="<?= $search; ?>" placeholder="Pesquisar Primeiro Nome ou Sobrenome" class="form-control" style="width: 50%; float: right;">
                    </form>
                </header>
                <div class="card-body">
                    <div class="row">

                        <form method="post" id="order-relatory"  action="<?= url("/admin/order/relatory"); ?>">
                            <div class="form-row align-items-center">
                                <div class="col-auto">
                                    <input type="text" class="form-control mask-date starting-date" name="startingDate" placeholder="Data Inicial" value="<?= isset($_SESSION["order-date"])? date_fmt($_SESSION["order-date"]->starting, "d/m/Y") : ""?>">
                                </div>
                                <div class="col-auto">
                                    <input type="text" class="form-control mask-date final-date" name="finalDate" placeholder="Data Final" value="<?= isset($_SESSION["order-date"])? date_fmt($_SESSION["order-date"]->final, "d/m/Y") : ""?>">
                                </div>
                                <button type="submit" class="btn btn-success mr-5">Enviar</button>
                                <div class="col-auto">
                                    <button type="button" class="btn btn-success period-btn" data-period="7"><i class="fa fa-calendar"></i> 07 dias</button>
                                    <button type="button" class="btn btn-info period-btn" data-period="30"><i class="fa fa-calendar"></i> 30 dias</button>
                                    <button type="button" class="btn btn-warning period-btn" data-period="60"><i class="fa fa-calendar"></i> 60 dias</button>
                                    <button type="button" class="btn btn-warning period-btn" data-period="0"><i class="fa fa-calendar"></i> Todo período</button>
                                </div>
                            </div>
                        </form>

                    </div>

                </div>


                <?= $this->insert("views/fragments/table-orders-clients", ["orders"=>$orders])?>



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

<hr>
    <?= $paginator; ?>
</section>

<?php
$this->start("scripts");
?>
<script>
    $(".j_actions").on("click","#j_shipment_code", function (e) {
        e.preventDefault();
        var id = $(this).data("id");
        var formatedId = $(this).data("order");
        $("#form_order_id").val(id);
        $(".j_order_id_number").html("Pedido Número: <b>[#"+formatedId+"]</b>");
    });

    $(".j_expand").on("click",".btn-expand", function (e) {
        e.preventDefault();
        var id = $(this).data("id");
        $('.visibility-'+id).slideToggle('fast');
    });
    function dataFormatada(date){
        var data = date,
            dia  = data.getDate().toString().padStart(2, '0'),
            mes  = (data.getMonth()+1).toString().padStart(2, '0'), //+1 pois no getMonth Janeiro começa com zero.
            ano  = data.getFullYear();
        return dia+"/"+mes+"/"+ano;
    }
    var today = new Date();
    var priorDate = new Date(new Date().setDate(today.getDate() - 60));

    $(".period-btn").click(function (e){
        e.preventDefault();
        var period = $(this).data("period");
        var today = new Date();
        var priorDate = new Date(new Date().setDate(today.getDate() - period));
        $(".starting-date").val(dataFormatada(priorDate));
        $(".final-date").val(dataFormatada(today));
        if(period == 0){
            $(".starting-date").val("");
            $(".final-date").val("");
        }
        $("#order-relatory").submit();
    });


</script>
<?php

$this->end();
$this->insert("views/modals/shipment-code");
?>