@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')
    Modificar cotización para venta
@endsection
@section('content')



<br>
    <h1 class="text-center">{{ $cotizacion->servicio?->nombre_servicio }}</h1>





    <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="fas fa-money-bill"></i> Información General
            </div>
        </div>
        <div class="col-md-6">
            <div class="card" style="">
                <div class="card-header">
                    <h3 class="card-title"> Cotización N° {{ $cotizacion->inicial->codigo_cotizacion }}</h3>
                    <div class="card-toolbar">

                    </div>
                </div>

                <div class="card-body">

                        <li class="list-group-item">Creada por: {{ $cotizacion->inicial->creada_por }}</li>
                        <li class="list-group-item">Estado: {{ $cotizacion->inicial->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" style="">
                <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-Operaciones/venta')
            <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="fas fa-money-bill"></i> Agrega servicios, productos, combos
                </div>
            </div>
            <div class="col-md-5">
                <form action="{{ route('detalleCompleta.actualizarDetalle', $id . '#add_servicios') }}" method="get">
                    <label for=""><strong>Items</strong></label>
                    <select data-control="select2" name="items" id="" class="form-control">
                        @foreach ($servicios as $servicio)
                            @if (isset($div[0]))
                                <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-warning mt-2" type="submit">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('cotizacionCompleta.modificar.servicio')
                        @break

                        @case('P')
                            @include('cotizacionCompleta.modificar.producto')
                        @break

                        @case('C')
                            @include('cotizacionCompleta.modificar.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="fas fa-money-bill"></i> Resumen de cotización
            </div>
        </div>

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

       <!-- <div class="col-md-12 text-center">
            <a target="_blank" href="{{ route('CotizacionInicial.pdfCotizacion', $cotizacion->id) }}"
                class="btn btn-warning">Generar PDF</a>
        </div>-->
    </div>
@endsection

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