


<style>

    .btn-action-action-order{
        height: 50px !important;
    }

    .btn-select-payment-method{
        max-height: 100px;
        width: 100%;
        cursor : pointer;
        background: #eee;
        text-align: left;
        position: relative;
        display: block;
        padding: 0.5rem 1rem;
        color: #212529;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        border: 1px solid rgba(0,0,0,.200);
        margin-bottom: 5px;
        border-radius: 0.25em;
        /* max-width: 200px !important; */
        /*height: 200px !important;*/
    }

    .btn-select-payment-method .type-icon{
        color : var(--success);
    }
    .btn-select-payment-method:hover .type-icon,
    .btn-select-payment-method.active .type-icon{
        color : var(--white) !important;
    }
    .btn-select-payment-method:hover,
    .btn-select-payment-method.active{
        background: var(--success) !important;
        color : var(--white) !important;
    }

    .product-card {
        /* width: 150px; */
        position: relative;
        box-shadow: 0 2px 7px #dfdfdf;
        /* margin: 50px auto; */
        background: #fafafa;
    }

    .product-card:hover {
        box-shadow: 0 2px 7px var(--success);
        /* margin: 50px auto; */
        background: var(--success);

    }

    .product-card:hover .product-name,.product-card:hover  .product-price{
        color: white !important;
    }

    .product-tumb {
        display: flex;
        /*align-items: center;*/
        align-items: baseline;
        justify-content: center;
        /*height: 300px;*/
        /* padding: 15px; */
        background: #f0f0f0;
    }

    .product-tumb{
        height: 100px !important;
    }

    .product-tumb img,.product-tumbd {
        max-width: 100%;
        max-height: 100%;
        /*height: 100px !important;*/
        height: 100% !important;
        /*width: 100% !important;*/
        /*width: 170px !important;*/
    }

    .product-details {
        padding: 30px;
    }

    .card {
        border-radius: 7px !important;
        border-color: #e1e7ec;
    }
    .block .block-title{
        /*font-size: 20px !important;*/
    }
    @media only screen and (min-width: 350px) and (max-width: 1025px) {

        .block .block-title{
            font-size: 20px !important;
        }

        .product-tumb img,.product-tumbd {
            max-width: 100%;
            max-height: 100%;
            height: 100px !important;
            width: 100% !important;
        }
        .product-card .product-name,.product-card .product-price,
        .btn-select-payment-method .type-name{
            font-size: 12px !important
        }

        .btn-select-payment-method .method-img{
            height: 40px !important;
            width: 70px !important;
        }

    }

</style>

<div class="row" x-data>
    <div class="col-lg-12 form-group"></div>
    <div class="col-lg-12">
        <div class="row">
            <div class="col-sm-6 col-lg-6 col-xxl-7 form-group">
                <div class="row">










                    <div class="col-lg-12">
                        <?php echo $__env->make("backend.orders.create.blocs.products-list", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                </div>

            </div>
            <div class="col-sm-6 col-lg-6 col-xxl-5 form-group" id="block-card-sales">
                <?php echo $__env->make("backend.orders.create.blocs.order.index", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                <?php echo $__env->make("backend.orders.create.blocs.form-setting-offline-orders-schedule", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            </div>
            
            
            

            
            
            
            
            
            
            
            
            
            
            
            

            <?php if (isset($component)) { $__componentOriginal47cbb53c90e5d97428e9c4bd5c6f751e01de00d5 = $component; } ?>
<?php $component = App\View\Components\Offcanvas::resolve(['closable' => true] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('offcanvas'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Offcanvas::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['id' => 'offcanvas-displayed-invoice','data-bs-scroll' => 'true','data-bs-backdrop' => 'true','class' => 'offcanvas-end offcanvas-size-xl']); ?>
                 <?php $__env->slot('title', null, []); ?> <?php echo e(__("Invoice")); ?> <?php $__env->endSlot(); ?>

                <div x-data="{
                        get order(){
                         return this.$store.invoice.order
                         }
                        }">
                    <div class="row">
                        <div class="col-lg-12" id="invoice-block">
                            <?php if (isset($component)) { $__componentOriginal4245d621aa7df090449f0966544febd37a6b7b1d = $component; } ?>
<?php $component = App\View\Components\Invoice::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('invoice'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Invoice::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal4245d621aa7df090449f0966544febd37a6b7b1d)): ?>
<?php $component = $__componentOriginal4245d621aa7df090449f0966544febd37a6b7b1d; ?>
<?php unset($__componentOriginal4245d621aa7df090449f0966544febd37a6b7b1d); ?>
<?php endif; ?>
                        </div>
                       <template x-if="order">
                           <div class="col-lg-12">
                               <button class="btn btn-warning rounded-sm btn-block text-uppercase btn-action-action-order"
                                       @click="printHtmlBlock('invoice-block','INVOICE-'+order.reference)">
                                   <span x-text="'Print invoice ('+order.reference+')'"></span>
                                   <i class="m-l-2 fa fa-print"></i>
                               </button>
                           </div>
                       </template>
                    </div>
                </div>

             <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal47cbb53c90e5d97428e9c4bd5c6f751e01de00d5)): ?>
<?php $component = $__componentOriginal47cbb53c90e5d97428e9c4bd5c6f751e01de00d5; ?>
<?php unset($__componentOriginal47cbb53c90e5d97428e9c4bd5c6f751e01de00d5); ?>
<?php endif; ?>

            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            

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


<?php echo $__env->make('backend.orders.create.script-alpine-js', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php /**PATH /home/lekruu/public_html/resources/views/backend/orders/create/create-order-component.blade.php ENDPATH**/ ?>