@extends('layouts.app')

@section('content')
    <div id="main-content">
        <div class="container-fluid">
            <div class="block-header">
                <div class="row">
                    <div class="col-md-10 col-12">
                        <h2>
                            <a href="{{route("admin.sale.index")}}">Presupuestos</a>
                            / Nuevo
                        </h2>
                    </div>
                    <div class="col-md-2 col-12 text-md-right">
                        <i id="btnSave" class="fa fa-save text-success" title="Guardar"></i>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-12">
                    <div class="card">
                        <div class="body">
                            <div class="form-group">
                                <label>Producto</label>
                                <div class="input-group">
                                    <input id="selectProduct" class="form-control show-tick ms" name="product" data-placeholder="Buscar y seleccionar uno"/>
                                    <div class="input-group-append">
                                        <button class="btn btn-outline-info" id="btnAddProduct" type="button" title="Agregar a la lista">
                                            <i class="fa fa-plus"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table id="saleProducts" class="table table-sm table-hover">
                                    <thead>
                                    <tr>
                                        <th>Nombre</th>
                                        <th>Código del proveedor</th>
                                        <th>Código</th>
                                        <th>Medida</th>
                                        <th>Línea</th>
                                        <th>Precio unitario</th>
                                        <th>Cantidad</th>
                                        <th>Subtotal</th>
                                        <th class="actions"></th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                            <hr/>
                            <div class="row">
                                <div class="col-md-6 offset-md-6 col-12">
                                    <div class="row">
                                        <div class="col-6">
                                            <h2>Total</h2>
                                        </div>
                                        <div class="col-6 text-right">
                                            <h2 id="totalAccount">AR$ <span>0</span></h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="body">
                            <div class="row">
                                <div class="col-md-3 offset-md-9 col-8 offset-4">
                                    <div class="form-group row">
                                        <label class="col-8 col-form-label">Descuento (%)</label>
                                        <input id="inputDiscount" class="form-control col-4 onlyFloat" value="0"/>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3 offset-md-9 col-8 offset-4">
                                    <div class="form-group row">
                                        <label class="col-8 col-form-label">Recargo (%)</label>
                                        <input id="inputExtraCharge" class="form-control col-4 onlyFloat" value="0"/>
                                    </div>
                                </div>
                            </div>
                            <hr/>
                            <div class="row">
                                <div class="col-md-6 offset-md-6 col-12">
                                    <div class="row">
                                        <div class="col-6">
                                            <h2>Total <small>con extras</small></h2>
                                        </div>
                                        <div class="col-6 text-right">
                                            <h2 id="totalAccountWithExtras">AR$ <span>0</span></h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modalSaleSaved" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <h4 class="text-center">Se guardó el presupuesto con número</h4>
                    <h3 id="text" class="text-center"></h3>
                </div>
                <div class="modal-footer">
                    <div class="col-12 text-center">
                        <a href="" id="btnExportPdf" type="button" class="btn btn-success">EXPORTAR</a>
                        <a href="{{route("admin.sale.index")}}" type="button" class="btn btn-info">LISTADO</a>
                        <a href="" type="button" class="btn btn-danger">NUEVO</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        var getProductBySearch = '{{route("admin.product.getBySearch")}}';
        var saveUrlName = '{{route("admin.sale.store")}}';
        var csrf = '{{csrf_token()}}';

        function makeProductUrlName(elemId) {
            return '{{route("admin.product.json",":elemId")}}'.replace(':elemId', elemId);
        }

        function makeExportPdfUrlName(saleId) {
            return '{{route("admin.sale.exportPdf",":saleId")}}'.replace(":saleId", saleId);
        }
    </script>

    <script src="{{asset("/js/admin/sale/functions.js")}}"></script>

@endsection