@extends('metronic.base')
@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('select[name="items"').select2();
            document.querySelector('select[name="items"').parentElement.querySelector('span.select2-container')
                .style.width = "100%"
        });
    </script>
@endsection



@section('titulo')
    detalle cotizacion inicial
@endsection
@section('content')



 <br>
    <h3 class="text-center">{{ $cotizacion->servicio?->nombre_servicio }}</h3>
    <div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-danger">
        Recuerde que debe cerrar la cotización hasta que este seguro de generar el costeo, caso contraria
        manténgala sin cerrar para hacer los cambios necesarios. Una vez cerrada solo podrá agregar nuevos servicios a
        través del costeo.
    </div>

    <div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-danger">
        REVISE LOS SERVICIOS / PRODUCTOS / COMBOS ANTES DE CERRAR LA COTIZACION. Recuerde eliminar aquellos que ya no necesitara el cliente y
        AGREGAR nuevos si han sido solicitados.
    </div>

    @if ($cotizacion->estado == 'En Proceso')
        <div class="row">
            @if ($cotizacion->estado != 'Orden de venta')
                <div class="col-md-6">
                    <form action="{{ route('CotizacionInicial.close', $id) }}" method="post">
                        @csrf
                        <input name="fac" type="hidden" id="fac">
                        @if (count($data))
                        <button type="submit" class=" btn btn-primary">Cerrar cotización</button>
                        @endif

                    </form>
                </div>
            @endif
        </div>
    @endif


    <div class="row">
        <div class="col-md-12">
            <div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-primary">
                <i class="ki-outline ki-information-5 fs-2 text-primary"></i> Información General
            </div>
        </div>
        <div class="col-md-6">
            <div class="card shadow-sm">
                <div class="card-header">
                    <h3 class="card-title"> Cotización N° {{ $cotizacion->codigo_cotizacion }}</h3>
                    <div class="card-toolbar">

                    </div>
                </div>
                <div class="card-body">

                        <li class="list-group-item">Creada por: {{ $cotizacion->creada_por }}</li>
                        <li class="list-group-item">Estado: {{ $cotizacion->estado }}</li>
                        <li class="list-group-item">Tipo cotización: {{ $cotizacion->servicio->nombre_servicio }}</li>

                </div>

            </div>

        </div>
        <div class="col-md-6">

            <div class="card shadow-sm">
                <div class="card-header">
                    <h3 class="card-title">  Cliente: {{ $cotizacion->cliente->nombre_cliente }} {{ $cotizacion->cliente->codigo }}</h3>
                    <div class="card-toolbar">

                    </div>
                </div>
                <div class="card-body">

                        <li class="list-group-item"> Condición: {!! $cotizacion->cliente->condicion ?? '<i class="fas fa-exclamation-triangle"></i>' !!}</li>
                        <li class="list-group-item">Dirección: {!! $cotizacion->cliente->direccion ?? '<i class="fas fa-exclamation-triangle"></i>' !!}</li>

                </div>

            </div>
        </div>
    </div>






    <div class="row">
        @if ($cotizacion->estado == 'En Proceso')
            <div class="col-md-12">
                <div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-primary" id="add_servicios">
                    <i class="ki-outline ki-information-5 fs-2"></i> Agrega servicios, productos, combos
                </div>
            </div>
            <div class="col-md-5">
                <form action="{{ route('DetalleCotizacionInicial.index', $id . '#add_servicios') }}" method="get">
                    <label for=""><strong>Items </strong></label>
                    <select name="items" id="" class="form-select"  data-control="select2">
                        @foreach ($servicios as $servicio)
                            @if (isset($div[1]))
                                <option @if ($div[0] == $servicio->id) selected  @endif value="{{ $servicio->id }} S">
                                    {{ $servicio->serv_name }} (Servicio
                                    {{ $servicio->service_cod  }})</option>
                            @else
                                <option value="{{ $servicio->id }} S">{{ $servicio->serv_name }} (Servicio
                                    {{ $servicio->service_cod }})</option>
                            @endif
                        @endforeach
                        @foreach ($productos as $producto)
                            @if (isset($div[0]))
                                <option @if ($div[0] == $producto->id) selected @endif value="{{ $producto->id }} P">
                                    {{ $producto->producto }} (Producto
                                    {{ $producto->codigo }})</option>
                            @else
                                <option value="{{ $producto->id }} P">{{ $producto->producto }} (Producto
                                    {{ $producto->codigo }})</option>
                            @endif
                        @endforeach
                        @foreach ($combos as $combo)
                            @if (isset($div[0]))
                              <option @if ($div[0] == $combo->id) selected @endif value="{{ $combo->id }} C">
                                    {{ $combo->combo }} (Combo {{ $combo->codigo }})</option>

                            @else
                                <option value="{{ $combo->id }} C">{{ $combo->combo }} (Combo {{ $combo->codigo }})
                                </option>
                            @endif
                        @endforeach
                    </select>


                    <button class="btn btn-primary mt-2" type="submit"><i class="ki-outline ki-tablet-ok fs-2"></i> Validar</button>
                </form>
            </div>
            <div class="col-md-7">

                @if (!$item)
                    <div class="alert alert-danger mt-2">
                        <strong>¡Opps! Parece aun no ha seleccionado ningun producto / servicio / combo</strong>
                    </div>
                @else
                    @switch($div[1])
                        @case('S')
                            @include('detalleCotizacionInicial.servicio')
                        @break

                        @case('P')
                            @include('detalleCotizacionInicial.producto')
                        @break

                        @case('C')
                            @include('detalleCotizacionInicial.combo')
                        @break

                        @default
                    @endswitch
                @endif

            </div>
        @endif


        <div class="col-md-12">
            <div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-primary">
                <i class="ki-outline ki-information-5 fs-2 text-primary"></i> Resumen de cotización
            </div>
        </div>

        <div class="col-md-12">
            @include('detalleCotizacionInicial.datos')
        </div>


        <div class="col-md-12">
            @if (count($arrayBonificaciones)>0)
            <h5>Bonificaciones</h5>
            <table style="font-size:14px" class="table table-sm table-striped ">
                <thead class="table-dark">
                  <tr>
                    <th>Codigo</th>
                    <th scope="col">Producto</th>
                    <th scope="col">Bonificaciones</th>
                    <th>Info</th>
                  </tr>
                </thead>
                <tbody>
                       @foreach ($arrayBonificaciones as $item2)
                       @if ($item2->regalia >0 )
                       <tr>
                        <td scope="row">{{ $item2->Producto->codigo }}</td>
                        <td scope="row">{{ $item2->Producto->producto }}</td>
                        <td>{{ $item2->regalia }}</td>
                        <td>Por cada  {{ $item2->cantidad }} comprados del producto {{ $item2->productoPadreName }}, va recibir {{ $item2->cantidad_bono }}
                        como bonificaciones a coste  $0.00 del producto  {{ $item2->Producto->producto }}</td>
                    </tr>
                       @endif
                        
                       @endforeach 
                </tbody>
              </table>
            @endif
            
            
        </div>



        <div class="col-md-12 text-center">
            <a target="_blank" href="{{ route('CotizacionInicial.pdfCotizacion', $cotizacion->id) }}"
                class="btn btn-primary"><i class="ki-outline ki-note-2 fs-2"></i> Generar PDF</a>
        </div>
    </div>
@endsection

@section('extrajs')
    <script></script>
@endsection