@extends('adminlte::page')

@section('title', $title ?? '')

@section('content_header')
<h1>{{$title ?? ''}}</h1>
@stop

@section('content')
<div class="row">
    <div class="col-xl-6 col-lg-6">
        <div class="card">
            <div class="card-body">
                <fieldset>

                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <form action="{{route('sales.products.searchproducts')}}" method="POST" class="form-search-products" onsubmit="return false;">
                        @csrf
                        <div class="row">
                            <div class="col-xl-4 col-lg-4">
                                <span class="">Nombre Genérico o Comercial</span>
                                <input type="text" name="name" class="form-control">
                            </div>
                            <div class="col-xl-4 col-lg-4">
                                <span class="">Concentración</span>
                                <input type="text" name="concentration" class="form-control">
                            </div>
                            <div class="col-xl-4 col-lg-4">
                                <span class="">Código de Barra</span>
                                <input type="text" name="barcode" class="form-control" autofocus>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-4 col-lg-4">
                                <span class="">Presentación</span>
                                <select name="id_presentation" id="id_presentation" class="select2">
                                    <option value="">Seleccionar</option>
                                    @foreach ($presentations as $presentation)
                                    <option value="{{$presentation->id_presentation}}">{{$presentation->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-4 col-lg-4">
                                <span class="">Proveedores</span>
                                <select name="id_provider" id="id_provider" class="select2">
                                    <option value="">Seleccionar</option>
                                    @foreach ($providers as $provider)
                                    <option value="{{$provider->id_provider}}">{{$provider->company_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-4 col-lg-4">
                                <br>
                                <input type="submit" class="btn btn-primary btn-block" value="Buscar">
                            </div>
                        </div>

                    </form>

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

        <div class="card">
            <div class="card-body" id="data-response">
            </div>
        </div>
    </div>
    <div class="col-xl-6 col-lg-6">
        <div class="card">
            <div class="card-body">
                <fieldset>
                    <form action="{{route('sales.products.store')}}" method="POST" class="shoppingCartForm" onsubmit="return false;">
                        <table class="table table-bordered">
                            <thead class="thead-dark">
                                <tr>
                                    <th width="5%">N</th>
                                    <th width="40%">Producto <a class="btn btn-sm btn-success float-right" href="#" id="add_service"> <i class="fa fa-plus"></i> Servicio </a></th>
                                    <th width="20%">Cantidad</th>
                                    <th width="20%">Precio</th>
                                    <th width="20%" class="px-0" colspan="2">Total: <span class="p-1  alert alert-success" id="upTotal">0.00</span></th>
                                </tr>
                            </thead>
                            <tbody id="contentShoppingCart">

                            </tbody>
                            <tfoot>
                                <tr>

                                    <td colspan="4" class="text-right">Subtotal</td>
                                    <td><input type="number" name="subtotalShoppingCart" value="0" class="form-control form-control-sm text-right" readonly require></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        <div class="input-group mb-0">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">Carnet:</span>
                                            </div>
                                            <input type="text" name="customerIdentityDocument" class="form-control" placeholder="Carnet del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="19000" data-url="{{route('consumers.searchconsumer')}}">
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-secondary" type="button" id="btnSearchCustomer"><i class="fas fa-search"></i></button>
                                            </div>
                                        </div>
                                    </td>
                                    <td colspan="1" class="text-right">Consulta</td>
                                    <td><input type="number" name="queryShoppingCart" value="0" class="form-control form-control-sm text-right" min="0" step="0.01" require tabindex="10000"></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        <div class="input-group mb-0">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">Cliente:</span>
                                            </div>
                                            <input type="text" name="customerName" class="form-control" placeholder="Nombre del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="19010">
                                        </div>
                                    </td>
                                    <td colspan="1" class="text-right">Descuento</td>
                                    <td><input type="number" name="discountShoppingCart" value="0" class="form-control form-control-sm text-right bg-light" min="0" step="0.01" require tabindex="10010"></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        <div class="input-group mb-0">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">Celular:</span>
                                            </div>
                                            <input type="text" name="customerCellphone" class="form-control" placeholder="Celular del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="19020">
                                        </div>
                                    </td>
                                    <td colspan="1" class="text-right">Total</td>
                                    <td><input type="number" name="totalShoppingCart" value="0" class="form-control form-control-sm text-right" readonly require></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        <div class="input-group mb-0">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">Correo:</span>
                                            </div>
                                            <input type="email" name="customerEmail" class="form-control" placeholder="Correo del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="19030">
                                        </div>
                                    </td>
                                    <td colspan="1" class="text-right">Cancelado</td>
                                    <td><input type="number" name="cancelledShoppingCart" value="0" class="form-control form-control-sm text-right" min="0" step="0.01" require tabindex="10020"></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="text-right">Cambio</td>
                                    <td><input type="number" name="changeShoppingCart" value="0" class="form-control form-control-sm text-right" readonly require></td>
                                    <td></td>
                                </tr>
                        </table>
                        <div class="text-center">
                            <input type="button" value="Guardar Venta" class="btn btn-success" id="saveShoppingCart" tabindex="10030" disabled>
                        </div>
                    </form>
                </fieldset>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
<style type="text/css">
    input[type=number].swal2-input.quantity::-webkit-outer-spin-button,
    input[type=number].swal2-input.quantity::-webkit-inner-spin-button {
        /* -webkit-appearance: inner-spin-button !important;*/
        width: 55px;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }
</style>
@stop

@section('js')
<script src="{{asset('js/sales/sale.js')}}"></script>
@stop