@extends('plantilla')
@section('header')
    <style>
        .flotante {
            display:scroll;
            position:fixed;
            bottom:520px;
            right:0px;
        }
    </style>
@endsection

@section('breadcrumbs')
    <div class="breadcrumbs" style="display:none">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4">
                    <h1>Cotizador</h1>
                </div>
                <div class="col-md-8 col-sm-8">
                    <ol class="breadcrumb pull-right">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Cotizador</a></li>
                        <li class="active">Compara</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('container')
    <div class="container">
        <div class="row">
            <div class="text-center feature-head">
                <div class="col-md-12">
                    <h1>{{$cotizacion->marca}}  {{$cotizacion->modelo}} {{$cotizacion->descripcion}} </h1>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="text-center feature-head">
                <div class="col-md-6">
                    <p>Cotizaci&oacute;n <strong>#{{$cotizacion->id}}</strong>&nbsp;&nbsp;&nbsp;Email: <strong>{{$cotizacion->email}}</strong></p><br />
                </div>
                <div class="col-md-6">
                    <p>CP: <strong>{{$cotizacion->codigo_postal}}</strong>&nbsp;&nbsp;&nbsp;Fecha: <strong>{{ $cotizacion->created_at}}</strong></p><br />
                </div>
            </div>
        </div>
        <div class="row">
            <form role="form" action="#" method="get">
                <div class="panel-body">
                    <section class="panel">
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="forma_pago_id">Formas de Pago</label>
                                <select name="forma_pago_id" id="forma_pago_id" class="form-control" onchange="document.getElementById('divCotizacion').style.display='none'">
                                    <optgroup label="Forma de Pago">
                                        @foreach($formas_pago as $forma_pagoCur)
                                            <option value="{{$forma_pagoCur->id}}"{{($cotizacion->forma_pago_id==$forma_pagoCur->id)?' selected':''}}>{{$forma_pagoCur->nombre}}</option>
                                        @endforeach
                                    </optgroup>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="exampleInputPassword1">Paquete</label>
                                <select name="paquete_id" id="paquete_id" class="col-md-12 form-control" onchange="document.getElementById('divCotizacion').style.display='none'">
                                    <optgroup label="Paquete">
                                        @foreach($paquetes as $paqueteCur)
                                            <option value="{{$paqueteCur->id}}"{{(($cotizacion->paquete_id)==$paqueteCur->id)?'  selected':''}}>{{$paqueteCur->nombre}}</option>
                                        @endforeach
                                    </optgroup>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="exampleInputPassword1">Deducibles</label>
                                <select name="deducibles" id="deducibles" class="col-md-12 form-control" onchange="document.getElementById('divCotizacion').style.display='none'">
                                    <optgroup label="Deducibles">
                                        <option value="5|10"{{(($cotizacion->deducibles_dm)=="5")?' selected':''}}>5% DM y 10% RT</option>
                                        <option value="3|5"{{(($cotizacion->deducibles_dm)=="3")?' selected':''}}>3% DM y 5% RT</option>
                                    </optgroup>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="btn1">&nbsp;</label>
                                <button class="btn btn-default form-control" type="submit"><i class="icon-refresh "></i>&nbsp;&nbsp;Recotizar</button>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="btn2">&nbsp;</label>
                                <a class="btn btn-warning form-control" onclick='window.open("/imprimecotizacion2/{{$cotizacion->id}}", "Imprime", "width=1200,height=1000,location=no,menubar=no");' type="button" target="_blank"><i class="icon-print"></i>&nbsp;&nbsp;Imprime </a>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="btn3">&nbsp;</label>
                                <button class="btn btn-success form-control" type="button"><i class="icon-envelope"></i>&nbsp;&nbsp;Enviar </button>
                            </div>
                        </div>
                    </section>
                </div>
            </form>
        </div>
        <div class="row" id="divCotizacion">
            <button class="btn btn-info btn-lg flotante" id="btnDetalle" type="button" onClick="verDetalle();"><i class="icon-eye-open"></i> Ver Detalle</button>
            <!--price start-->
            @foreach($cotizaciones as $cotizacionCur)
                @if($cotizacionCur["cotizacion"]->prima_total_tdc != 0 || $cotizacionCur["cotizacion"]->prima_total != 0)
                    @for($ind =1; $ind<=5;$ind++)
                        <div class="col-md-3 col-sm-3">
                            <div class="pricing-table">
                                <div class="pricing-head">
                                                                        <h1><img src="http://phpstack-42672-261149.cloudwaysapps.com/images/misc/{{$logo}}" width="80" height="80"></h1>
                                    <div class="pago-tdc">
                                        <p class="texto">
                                            Pago con Tarjeta de Cr&eacute;dito
                                        </p>
                                        <p class="precio">
                                            $ {{number_format(($cotizacionCur["cotizacion"]->prima_total_tdc*$multiplicativo), 2, '.', ',')}}
                                        </p>
                                        <button class="btn btn-danger btn-lg" type="submit" ng-click='updateCotizacion({{$cotizacion->id}},{{$cotizacionCur["cotizacion"]->aseguradora_id}},1)'>Solicitar Seguro</button>
                                    </div>
                                    <ul class="list-unstyled coberturas" style="display:none">
                                        <li style="border-bottom:none !important;">
                                            <h4>{{ $forma_pago->no_pagos}} {{ $forma_pago->no_pagos==1?'Pago':'Pagos' }} de $ {{ number_format( ($cotizacionCur["cotizacion"]->primer_pago_tdc*$multiplicativo), 2, '.', ',') }}</h4>
                                        </li>
                                    </ul>
                                    <div class="pago-normal">
                                        <p class="texto">
                                            Otra Forma de Pago
                                        </p>
                                        <p class="precio">
                                            $ {{number_format( ($cotizacionCur["cotizacion"]->prima_total*$multiplicativo), 2, '.', ',')}}
                                        </p>
                                        <button class="btn btn-default btn-lg" type="submit" ng-click='updateCotizacion({{$cotizacion->id}},{{$cotizacionCur["cotizacion"]->aseguradora_id}},0)'>Solicitar Seguro</button>
                                    </div>
                                    <ul class="list-unstyled coberturas" style="display:none">
                                        <li style="border-bottom:none !important;">
                                            <h4>{{ $forma_pago->no_pagos}} {{ $forma_pago->no_pagos==1?'Pago':'Pagos' }} de $ {{ number_format( ($cotizacionCur["cotizacion"]->primer_pago*$multiplicativo), 2, '.', ',') }}</h4>
                                        </li>
                                    </ul>
                                </div>
                                <ul class="list-unstyled coberturas" style="display:none">
                                    @foreach($cotizacionCur["coberturas"] as $coberturas)
                                        <li data-toggle="tooltip" title="{{$coberturas["descripcion"]}}">
                                            <i class="icon-caret-right"></i>&nbsp;&nbsp;{{$coberturas["cobertura"]}}: <strong></strong> {{$coberturas["deducible"]}}
                                        </li>
                                    @endforeach
                                </ul>

                            </div>
                        </div>
                        @endfor
                        @endif
                        @endforeach
                                <!--price end-->
        </div>
        <br />
    </div>
@endsection

@section('footer')

    <script>
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip();
        });

        var cerrado = 1;

        function verDetalle(){
            var x = document.getElementsByClassName("coberturas");
            var i;
            for (i = 0; i < x.length; i++) {

                if (cerrado === 1)
                {
                    x[i].style.display = "block";
                }
                else
                    x[i].style.display = "none";
            }
            if (cerrado === 1)
            {
                cerrado = 0;
                var y = document.getElementById("btnDetalle");
                y.innerHTML = '<i class="icon-eye-open"></i> Ocultar Detalle';
            }
            else
            {
                cerrado = 1;
                var y = document.getElementById("btnDetalle");
                y.innerHTML = '<i class="icon-eye-open"></i> Ver Detalle';
            }

        }

    </script>

    <script>

        var bbapp = angular.module('bbapp', []);
        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike,$location) {

            var vm=this;

            $scope.updateCotizacion = function ($cotizacion_id,$aseguradora_id,$metodo_pago_id){

                $ruta ='/api/cotizacion/EligeAseguradora/' + $cotizacion_id + "?aseguradora_id=" + $aseguradora_id  + "&metodo_pago_id=" + $metodo_pago_id ;
                console.log($ruta);
                $http({
                    method: 'GET',
                    url: $ruta,
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8;'
                    }
                }).then(function (response){
                    window.location = "/datos/" + $cotizacion_id;
                },function (error){
                    console.log("HAY ERROR");
                    console.log(error);
                });
            };



        });


    </script>
@endsection