@extends('layouts.master')

@php
function formato($valor) {
return number_format($valor, 2, ".", ",");
}
@endphp

@section('content')
<input type="hidden" id="id_coti" value="{{ $id }}">
<div class="container">
    <div class="row-fluid">
        <div class="col-md-12">
            <h2><span class="glyphicon glyphicon-edit"></span> Editar Cotización</h2>
            <hr>
            <div class="form-group row">
                <label for="atencion" class="col-md-1 control-label">Atención:</label>
                <div class="col-md-3">
                    <input type="text" class="form-control" id="atencion_update" placeholder="Nombre y Apellido" value="{{ $nombre }}">
                </div>
                <label for="tel1" class="col-md-1 control-label">Teléfono:</label>
                <div class="col-md-2">
                    <input type="text" class="form-control" id="tel1_update" placeholder="Teléfono" value="{{ $telefono }}">
                </div>
                <label for="tel1" class="col-md-1 control-label">Correo:</label>
                <div class="col-md-3">
                    <input type="text" class="form-control" id="email1_update" placeholder="Correo" value="{{ $correo }}">
                </div>
            </div>
            <div class="form-group row">
                <label for="empresa" class="col-md-1 control-label">Ciudad:</label>
                <div class="col-md-3">
                    <input type="text" class="form-control" id="ciudad_update" placeholder="Ciudad" value="{{ $ciudad }}">
                </div>
                <label for="tel2" class="col-md-1 control-label">Estado:</label>
                <div class="col-md-2">
                    <input type="text" class="form-control" id="estado_update" placeholder="Estado" value="{{ $estado }}">
                </div>
                <label for="email" class="col-md-1 control-label">Codigo Postal:</label>
                <div class="col-md-3">
                    <input type="email" class="form-control" id="cp_update" placeholder="Codigo Postal" value="{{ $cp }}">
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-4">
                    <label for="empresa">Distribuidor:</label>
                    <select class="form-control js-example-basic-single" name="distribuidor" id="distribuidor">
                        <option value="">Seleccionar Distribuidor</option>
                        @foreach($distribuidor as $dis)
                        <option value="{{ $dis->id }}" @if($dis->id == $id_distribuidor) selected @endif>
                            {{ $dis->nombre_comercial }} ({{ $dis->ciudad }} - {{ $dis->provincia_comercial }})
                        </option>
                        @endforeach
                    </select>
                </div>                
            </div>
            <div class="col-md-12 text-right">
                <br>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">
                    <span class="glyphicon glyphicon-plus"></span> Agregar productos
                </button>
            </div>	
        </div>
        <div class="col-md-12">
            <br><br>
            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Modelo</th>
                        <th>Categoria</th>
                        <th>Cantidad</th>
                        <th>Precio Unit</th>
                        <th>Iva</th>
                        <th>Precio Total</th>
                        <th>Eliminar</th>
                    </tr>
                </thead>
                <tbody>
                    @php $num = 1; $suma = 0; @endphp
                    @foreach(json_decode($productos) as $pro)
                    @php
                    $total = $pro->precio * $pro->cantidad;
                    if($pro->iva == 1){
                    $iva = $total * 0.16;
                    }else{
                    $iva = 0;
                    }

                    @endphp
                    <tr>
                        <td>{{ $num++ }}</td>
                        <td>{{ $pro->modelo }}</td>
                        <td>{{ $pro->categoria }}</td>
                        <td class="text-center">{{ $pro->cantidad }}</td>
                        <td class="text-right">${{ formato($pro->precio) }}</td>
                        <td class="text-right">${{ formato($iva) }}</td>
                        <td class="text-right">${{ formato($total) }}</td>
                        <td class="text-center">
                            <i class="glyphicon glyphicon-trash eliminar_pro_update" id_pro_delete="{{ $pro->idp }}" id_iva_total="{{ $iva }}" id_total_pro="{{ $total }}"  style="cursor:pointer"></i>
                        </td>
                    </tr>
                    @php $suma += $total @endphp
                    @endforeach
                </tbody>
                <tbody>
                    <tr>
                        <td colspan="5"></td>
                        <td class="text-right">Total</td>
                        <td class="text-right">${{ formato($suma) }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-12">
            <br>
            <div class="pull-right">
                <button type="button" class="btn btn-primary" id="update_cotizacion">
                    <span class="glyphicon glyphicon-edit"></span> Actualizar cotización
                </button>
            </div>
        </div>
    </div>
</div>
</div>
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Buscar productos</h4>
                <br>
                <div class="form-group">
                    <div class="col-sm-12">
                        <input type="text" class="form-control" id="serach_prod_update" onkeyup="mayus(this);" placeholder="Buscar productos" style="margin-bottom: 15px;">
                    </div>
                </div>
            </div>
            <div class="table-wrapper-scroll-y">
                <div class="modal-body">                    
                    <div id="loader" style="position: absolute;	text-align: center;	top: 55px;	width: 100%;display:none;"></div><!-- Carga gif animado -->
                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Producto</th>
                                <th>Categoria</th>
                                <th>Cantidad</th>
                                <th>Precio</th>
                                <th>Iva</th>
                                <th>Agregar</th>
                            </tr>
                        </thead>
                        <tbody id="outer_update_div"></tbody>
                    </table>
                </div>
                <br>
            </div>
        </div>
        <div class="modal-footer">
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="{{ asset('js/VentanaCentrada.js') }}"></script>
<script src="{{ asset('js/edit.js') }}"></script>
<script>
                            $(document).ready(function () {
                                $('.js-example-basic-single').select2({
                                    theme: "bootstrap",
                                    placeholder: "Selecciona un distribuidor",
                                    allowClear: true
                                });
                            });
</script>
@endsection