@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>
                            / {{$sale->number}} / Editar
                        </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>
                                    @php
                                        $totalPrice=0;
                                    @endphp
                                    @foreach($sale->details as $detail)
                                        @php
                                            $rowFinalPrice = number_format(calculateFinalPrice($detail->product), 2, '.', '');
                                            $rowQuantity = $detail->quantity;
                                            $rowSubtotal = $rowFinalPrice * $rowQuantity;
                                            $totalPrice += $rowSubtotal;
                                        @endphp
                                        <tr>
                                            <td hidden class="product">{{$detail->product_id}}</td>
                                            <td>{{$detail->product->name}}</td>
                                            <td>{{$detail->product->supplier_code}}</td>
                                            <td>{{$detail->product->code}}</td>
                                            <td>{{$detail->product->measure}}</td>
                                            <td>{{$detail->product->productLine->name}}</td>
                                            <td class="finalPrice" data-price="{{$rowFinalPrice}}">AR$
                                                {{number_format($rowFinalPrice,2,',','.')}}
                                            </td>
                                            <td class="quantity" style="max-width: 50px;">
                                                <input class="form-control onlyFloat" value="{{$rowQuantity}}"/>
                                            </td>
                                            <td class="subtotal" data-subtotal="{{$rowSubtotal}}">AR$
                                                {{number_format($rowSubtotal, 2, "," , ".")}}
                                            </td>
                                            <td class="actions">
                                                <i title="Eliminar" class="btnDelete fa fa-trash text-danger cursorPointer"></i>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </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>{{number_format($totalPrice,2,',','.')}}</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="{{$sale->discount_perc}}"/>
                                    </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="{{$sale->extra_charge_perc}}"/>
                                    </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">
                                            @php
                                                $totalTotal=number_format($totalPrice,2,'.','')*((100 - $sale->discount_perc)/100)*((100 + $sale->extra_charge_perc)/100);
                                            @endphp
                                            <h2 id="totalAccountWithExtras">AR$
                                                <span>{{number_format($totalTotal,2,",",".")}}</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="{{route("admin.sale.create")}}" 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()}}';
        var saleId = '{{$sale->id}}'

        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