@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">Editar cotización</div>
                <div class="panel-body">
                    <form  action="{{ route('cotizaciones.update', $cotizacion->id) }}" method="POST">
                        {{ method_field('PUT') }}
                        {{ csrf_field() }}

                        <!-- Datos Generales -->
                        <fieldset>
                            <legend>Datos Generales</legend>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label for="email">Email</label>
                                    <input type="email" name="email" class="form-control" value="{{ $cotizacion->email }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label for="cp">Código Postal</label>
                                    <input type="text" name="codigo_postal" class="form-control" value="{{ $cotizacion->codigo_postal }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Cliente BB</label>
                                    <input type="text" name="no_cliente_bb" class="form-control" value="{{ $cotizacion->no_cliente_bb }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Teléfono</label>
                                    <input type="telefono" name="telefono" class="form-control" value="{{ $cotizacion->telefono }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Usuario</label>
                                    <select name="user_desc" class="form-control">
                                        @foreach ($usuarios as $usuario)
                                            <option value="{{$usuario->id}}" {{ $usuario->name == $cotizacion->user_desc ? "selected='selected'" : "" }}>{{$usuario->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                        </fieldset>

                        <!-- Datos Vehiculo -->
                        <fieldset>
                            <legend>Datos Vehículo</legend>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Clave</label>
                                    <input type="text" name="clave" class="form-control" value="{{ $cotizacion->clave }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Modelo</label>
                                    <input type="text" name="modelo" class="form-control" value="{{ $cotizacion->modelo }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Marca</label>
                                    <input type="text" name="marca" class="form-control" value="{{ $cotizacion->marca }}" />
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label>Descripción</label>
                                    <input type="text" name="descripcion" class="form-control" value="{{ $cotizacion->descripcion }}" />
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label>No serie</label>
                                    <input type="text" name="no_serie" class="form-control" value="{{ $cotizacion->no_serie }}" />
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label>No motor</label>
                                    <input type="text" name="no_motor" class="form-control" value="{{ $cotizacion->no_motor }}" />
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label>No placas</label>
                                    <input type="text" name="no_placas" class="form-control" value="{{ $cotizacion->no_placas }}" />
                                </div>
                            </div>
                        </fieldset>

                        <!-- Datos seguro -->
                        <fieldset>
                            <legend>Datos Seguro</legend>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Paquete</label>
                                    <select name="paquete_id" style="width: 100%;">
                                        @foreach ($paquetes as $paquete)
                                            <option value="{{$paquete->id}}" {{ $paquete->id == $cotizacion->paquete_id ? "selected='selected'" : "" }}>{{$paquete->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Tipo valor</label>
                                    <select name="tipo_valor" style="width: 100%;">
                                        <option value="0" {{ !$cotizacion->tipo_valor ? "selected='selected'" : "" }}>Valor Comercial</option>
                                        <option value="1" {{ $cotizacion->tipo_valor ? "selected='selected'" : "" }}>Valor Factura</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2" ng-if="$cotizacion->valor_factura">
                                <div class="form-group">
                                    <label>Valor factura</label>
                                    <input type="text" name="valor_factura" class="form-control" value="{{ $cotizacion->valor_factura }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Deducible DM</label>
                                    <input type="text" name="deducible_dm" class="form-control" value="{{ $cotizacion->deducible_dm }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Deducible RT</label>
                                    <input type="text" name="deducible_rt" class="form-control" value="{{ $cotizacion->deducible_rt }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Prima neta</label>
                                    <input type="text" name="prima_neta" class="form-control" value="{{ $cotizacion->prima_neta }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Derecho</label>
                                    <input type="text" name="derecho" class="form-control" value="{{ $cotizacion->derecho }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Recargo</label>
                                    <input type="text" name="recargo" class="form-control" value="{{ $cotizacion->recargo }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Iva</label>
                                    <input type="text" name="iva" class="form-control" value="{{ $cotizacion->iva }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Prima total</label>
                                    <input type="text" name="prima_total" class="form-control" value="{{ $cotizacion->prima_total }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Primer pago</label>
                                    <input type="text" name="primer_pago" class="form-control" value="{{ $cotizacion->primer_pago }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Subsecuentes pago</label>
                                    <input type="text" name="subsecuentes_pago" class="form-control" value="{{ $cotizacion->subsecuentes_pago }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Fecha inicio vigencia</label>
                                    <input type="text" name="fecha_inicio_vigencia" class="form-control" value="{{ $cotizacion->fecha_inicio_vigencia }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Fecha termino vigencia</label>
                                    <input type="text" name="fecha_termino_vigencia" class="form-control" value="{{ $cotizacion->fecha_termino_vigencia }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Sucursal</label>
                                    <input type="text" name="Sucursal" class="form-control" value="{{ $cotizacion->Sucursal }}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Facturar</label>
                                    <select name="facturar" style="width: 100%;">
                                        <option value="1" {{ $cotizacion->facturar ? "selected='selected'" : "" }}>SI</option>
                                        <option value="0" {{ !$cotizacion->facturar ? "selected='selected'" : "" }}>NO</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label>Beneficiario preferente</label>
                                    <input type="text" name="beneficiario_preferente" class="form-control" value="{{ $cotizacion->beneficiario_preferente }}" />
                                </div>
                            </div>
                        </fieldset>

                        <!-- Datos pagos -->
                        <fieldset>
                            <legend>Datos de pagos</legend>
                            <div class="col-sm-2 tp_efe">
                                <div class="form-group">
                                    <label>Forma de pago</label>
                                    <select name="forma_pago_id" style="width: 100%;">
                                        @foreach ($fpagos as $fpago)
                                            <option value="{{$fpago->id}}" {{ $fpago->id == $cotizacion->forma_pago_id ? "selected='selected'" : "" }}>{{$fpago->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2 tp_efe">
                                <div class="form-group">
                                    <label>Metodo de pago</label>
                                    <select name="metodo_pago_id" style="width: 100%;">
                                        <option value="1" {{ $cotizacion->metodo_pago_id ? "selected='selected'" : "" }}>Tarjeta de Crédito</option>
                                        <option value="0" {{ !$cotizacion->metodo_pago_id ? "selected='selected'" : "" }}>Otra Forma de Pago</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2 tp_efe">
                                <div class="form-group">
                                    <label>Tipo de pago</label>
                                    <select name="tipo_pago" style="width: 100%;" id="tipo_pago">
                                        <option value="1" {{ $cotizacion->tipo_pago == '1'? "selected='selected'" : "" }}>Tarjeta de Crédito</option>
                                        <option value="2" {{ $cotizacion->tipo_pago == '2' ? "selected='selected'" : "" }}>Cuenta CLABE</option>
                                        <option value="3" {{ $cotizacion->tipo_pago == '3' ? "selected='selected'" : "" }}>Efectivo</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6 tp_clabe">
                                <div class="form-group">
                                    <label>Cuenta clabe</label>
                                    <input type="text" name="cta_clave" class="form-control" value="{{ $cotizacion->cta_clave }}" />
                                </div>
                            </div>
                            <div class="col-sm-3 tp_tc">
                                <div class="form-group">
                                    <label>Tipo Tarjeta</label>
                                    <select name="tipo_tc" style="width: 100%;">
                                        <option value="visa" {{ $cotizacion->tipo_tc == "visa"? "selected='selected'" : "" }}>Visa</option>
                                        <option value="mastercard" {{ $cotizacion->tipo_tc == "mastercard" ? "selected='selected'" : "" }}>Master Card</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3 tp_tc">
                                <div class="form-group">
                                    <label>Numero de tarjeta</label>
                                    <input type="text" name="no_tc" class="form-control" value="{{ $cotizacion->no_tc }}" />
                                </div>
                            </div>
                        </fieldset>

                        <div class="col-sm-12">
                            <div class="form-group">
                                <hr>
                                <button type="submit" class="btn btn-primary">Guardar</button>
                                <a href="{{ route('cotizaciones.index') }}" class="btn btn-danger">Cancelar</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        $("document").ready(function(){
            $("#tipo_pago").change(function(){
                if($(this).val()==1){
                    $(".tp_tc").show();
                    $(".tp_clabe").hide()
                }else if($(this).val()==2){
                    $(".tp_clabe").show()
                    $(".tp_tc").hide();
                }else{
                    $(".tp_clabe").hide()
                    $(".tp_tc").hide();
                }

                if($(this).val()==3){
                    $(".tp_efe")
                    .removeClass("col-sm-2")
                    .addClass("col-sm-4");
                }else{
                    $(".tp_efe")
                    .removeClass("col-sm-4")
                    .addClass("col-sm-2");
                }

            });

            $("#tipo_pago").change();
        });
    </script>
@endsection