<?php $__env->startSection('title', 'Productos'); ?>

<?php $__env->startSection('content'); ?>
    <!-- Page Header -->
    <div class="page-header">
        <div class="row align-items-end">
            <div class="col-sm mb-2 mb-sm-0">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-no-gutter">
                        <li class="breadcrumb-item"><a class="breadcrumb-link" href="javascript:;">eCommerce</a></li>
                        <li class="breadcrumb-item active" aria-current="page"><?php echo $__env->yieldContent('title'); ?></li>
                    </ol>
                </nav>

                <h1 class="page-header-title"><?php echo $__env->yieldContent('title'); ?></h1>
            </div>

            <div class="col-sm-auto">
                <a class="btn btn-primary" href="<?php echo e(route('backend.orders.create')); ?>">
                    <i class="tio-shopping-basket-add mr-1"></i> Crear ordero
                </a>
            </div>
        </div>
        <!-- End Row -->
    </div>
    <!-- End Page Header -->

    <?php if($orders_total): ?>
    <!-- Stats -->
    <div class="row gx-2 gx-lg-3">
        <div class="col-sm-6 mb-3 mb-lg-5">
            <!-- Card -->
            <div class="card h-100">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2">Total de pedidos</h6>

                    <div class="row align-items-center gx-2">
                        <div class="col">
                            <span class="js-counter display-4 text-dark"><?php echo e($orders_total); ?></span>
                        </div>
                    </div>
                    <!-- End Row -->
                </div>
            </div>
            <!-- End Card -->
        </div>

        <div class="col-sm-6 mb-3 mb-lg-5">
            <!-- Card -->
            <div class="card h-100">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2">Pedidos finalizados</h6>

                    <div class="row align-items-center gx-2">
                        <div class="col">
                            <span class="js-counter display-4 text-dark"><?php echo e($orders_active); ?></span>
                            <span class="text-body font-size-sm ml-1">de <?php echo e($orders_total); ?></span>
                        </div>

                        <div class="col-auto">
                            <span class="badge badge-soft-success p-1">
                              <i class="tio-trending-up"></i> <?php echo e(number_format($orders_active / $orders_total * 100, 1, ',', '.')); ?>%
                            </span>
                        </div>
                    </div>
                    <!-- End Row -->
                </div>
            </div>
            <!-- End Card -->
        </div>

    </div>
    <!-- End Stats -->
    <?php endif; ?>
    <!-- Card -->
    <div class="card">
        <!-- Header -->
        <div class="card-header">
            <div class="row justify-content-between align-items-center flex-grow-1">
                <div class="col-sm-6 col-md-4 mb-3 mb-sm-0">
                <?php echo Form::open([
                    'method' => 'get'
                ]); ?>

                <!-- Search -->
                    <div class="input-group input-group-merge input-group-flush">
                        <div class="input-group-prepend">
                            <div class="input-group-text">
                                <i class="tio-search"></i>
                            </div>
                        </div>
                        <?php echo Form::text('q', request()->q, ['class' => 'form-control', 'placeholder' => 'Buscar pedido']); ?>

                    </div>
                    <!-- End Search -->
                    <?php echo Form::close(); ?>

                </div>

                <div class="col-sm-6">
                    <div class="d-sm-flex justify-content-sm-end align-items-sm-center">
                        <!-- Unfold -->
                        <div class="hs-unfold">
                            <a class="js-hs-unfold-invoker btn btn-sm btn-white" href="javascript:;"
                               data-hs-unfold-options='{
                         "target": "#usersFilterDropdown",
                         "type": "css-animation",
                         "smartPositionOff": true
                       }'>
                                <i class="tio-filter-list mr-1"></i> Filtro <span class="badge badge-soft-dark rounded-circle ml-1">2</span>
                            </a>

                            <div id="usersFilterDropdown" class="hs-unfold-content dropdown-unfold dropdown-menu dropdown-menu-sm-right dropdown-card card-dropdown-filter-centered" style="min-width: 22rem;">
                                <!-- Card -->
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="card-header-title">Filtrar orderos</h5>

                                        <!-- Toggle Button -->
                                        <a class="js-hs-unfold-invoker btn btn-icon btn-xs btn-ghost-secondary ml-2" href="javascript:;"
                                           data-hs-unfold-options='{
                              "target": "#usersFilterDropdown",
                              "type": "css-animation",
                              "smartPositionOff": true
                             }'>
                                            <i class="tio-clear tio-lg"></i>
                                        </a>
                                        <!-- End Toggle Button -->
                                    </div>

                                    <div class="card-body">
                                        <?php echo Form::open([
                                            'method' => 'get'
                                        ]); ?>

                                        <div class="form-group">
                                            <small class="text-cap mb-2">Categorías</small>
                                            <div class="form-row text-nowrap">
                                                <?php $__currentLoopData = config('cms.statuses'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <div class="col">
                                                        <!-- Checkbox -->
                                                        <div class="custom-control custom-checkbox">
                                                            <?php echo Form::checkbox('status_id[]', $key, request()->has('status_id') && in_array($key, request()->status_id), ['class' => 'custom-control-input', 'id' => 'categoriesLabel_'.$key]); ?>

                                                            <label class="custom-control-label" for="categoriesLabel_<?php echo e($key); ?>"><?php echo e($value); ?></label>
                                                        </div>
                                                        <!-- End Checkbox -->
                                                    </div>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </div>
                                        </div>

                                        <button type="submit" class="btn btn-block btn-primary">Filtrar</button>
                                        <?php echo Form::close(); ?>

                                    </div>
                                </div>
                                <!-- End Card -->
                            </div>
                        </div>
                        <!-- End Unfold -->
                    </div>
                </div>
            </div>
            <!-- End Row -->
        </div>
        <!-- End Header -->

        <!-- Table -->
        <table class="table table-lg table-borderless table-thead-bordered table-nowrap table-align-middle card-table">
            <thead class="thead-light">
            <tr>
                <th>Pedido</th>
                <th>Fecha</th>
                <th>Cliente</th>
                <th>Estado</th>
                <th>Método de pago</th>
                <th>Total</th>
                <th>Acciones</th>
            </tr>
            </thead>
            <tbody>
            <?php $__empty_1 = true; $__currentLoopData = $orders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $order): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <tr>
                    <td>
                        <a class="d-flex align-items-center" href="<?php echo e(route('backend.orders.edit', $order->id)); ?>">
                            #<?php echo e($order->id); ?>

                        </a>
                    </td>
                    <td><?php echo e($order->short_date); ?></td>
                    <td><?php echo e($order->user->full_name); ?></td>
                    <td>
                        <?php if($order->status_id == 0): ?>
                        <span class="badge badge-soft-danger">
                          <span class="legend-indicator bg-danger"></span>Sin finalizar
                        </span>
                        <?php elseif($order->status_id == 1): ?>
                            <span class="badge badge-soft-success">
                          <span class="legend-indicator bg-success"></span>Confirmado
                        </span>
                        <?php elseif($order->status_id == 2): ?>
                            <span class="badge badge-soft-primary">
                          <span class="legend-indicator bg-primary"></span>Procesado
                        </span>
                        <?php endif; ?>
                    </td>
                    <td><?php echo e($order->payment_method); ?></td>
                    <td><?php echo e(num_format($order->total)); ?></td>
                    <td>
                        <div class="btn-group" role="group">
                            <a class="btn btn-sm btn-white" href="<?php echo e(route('backend.orders.edit', $order->id)); ?>">
                                <i class="tio-visible-outlined"></i> Ver
                            </a>

                            <!-- Unfold -->
                            <div class="hs-unfold btn-group">
                                <a class="js-hs-unfold-invoker btn btn-icon btn-sm btn-white dropdown-toggle dropdown-toggle-empty" href="javascript:;"
                                   data-hs-unfold-options='{
                         "target": "#ordersEditDropdown_<?php echo e($order->id); ?>",
                         "type": "css-animation",
                         "smartPositionOffEl": "#datatable"
                       }'></a>

                                <div id="ordersEditDropdown_<?php echo e($order->id); ?>" class="hs-unfold-content dropdown-unfold dropdown-menu dropdown-menu-right mt-1">
                                    <?php if($order->canProcess()): ?>
                                    <a class="dropdown-item" href="<?php echo e(route('backend.orders.process', $order->id)); ?>">
                                        <i class="tio-send-outlined dropdown-item-icon"></i> Procesar
                                    </a>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <!-- End Unfold -->
                        </div>
                    </td>
                </tr>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <tr>
                    <td colspan="7" class="text-center"><b>No hay resultados</b></td>
                </tr>
            <?php endif; ?>
            </tbody>
        </table>
        <!-- End Table -->

        <?php if($orders->hasPages()): ?>
        <!-- Footer -->
        <div class="card-footer">
            <!-- Pagination -->
            <div class="row justify-content-center justify-content-sm-between align-items-sm-center">
                <div class="col-sm mb-2 mb-sm-0">

                </div>

                <div class="col-sm-auto">
                    <div class="d-flex justify-content-center justify-content-sm-end">
                        <!-- Pagination -->
                        <nav id="datatablePagination" aria-label="Activity pagination">
                            <?php echo $orders; ?>

                        </nav>
                    </div>
                </div>
            </div>
            <!-- End Pagination -->
        </div>
        <!-- End Footer -->
        <?php endif; ?>
    </div>
    <!-- End Card -->
<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
    <!-- Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <?php echo Form::open([
                    'method' => 'delete'
                ]); ?>

                <div class="modal-header">
                    <h5 class="modal-title" id="deleteModalLabel">Eliminar ordero</h5>
                    <button type="button" class="btn btn-xs btn-icon btn-ghost-secondary" data-dismiss="modal" aria-label="Close">
                        <i class="tio-clear tio-lg"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <span></span>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Cancelar</button>
                    <button class="btn btn-danger" type="submit">Eliminar</button>
                </div>
                <?php echo Form::close(); ?>

            </div>
        </div>
    </div>
    <!-- End Modal -->
    <script>
      $(function() {
        $('.modal-toggle-delete').on('click', function() {
          $('#deleteModal form').attr('action', $(this).attr('data-href'));
          $('#deleteModal .modal-body span').text($(this).attr('data-title'));
          $('#deleteModal').modal('show');
        });
      });
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.backend', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/poshcom/bgreen.posh.com.py/resources/views/backend/orders/index.blade.php ENDPATH**/ ?>