@extends('layouts.dashboard')

@section('dashboard')
    <style type="text/css">
        .select2-container {
            width: 100% !important;
        }
    </style>

    @php
        $num = '';
    @endphp
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Cotizaciones</strong></li>
    </ul>
    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-0">Cotizaciones</h1>
        </div>
    </div>

    @if (session('message'))
        <div class="alert {{ session('alert') }} mb-3">
            {!! session('message') !!}
        </div>
    @endif

    <div class="card mt-4" style="top: 0;">
        <div class="card-body">
            <form class="row row-mini align-items-end justify-content-end form-registro form-enter" method="post" class="form-inline"id="form-filtro{{ $num }}"onsubmit="">
                @php $marcas = \FCR::getMarcas(); @endphp
                @if (count($marcas) > 0)
                    <div class="col form-group mb-lg-0">
                        <label for="marca-vehiculo" class="small mb-0">Marca Vehículo</label>
                        <select class="form-control select2" name="marcavehiculo" id="marca-vehiculo"
                            onchange="listModelos(this.value, '', 'true');">
                            <option value="">-- Marca --</option>
                            @foreach ($marcas as $m)
                                <option value="{{ $m->marca_id }}">{{ ucwords(mb_strtolower($m->marca_nombre)) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col form-group mb-lg-0">
                        <label for="modelo-vehiculo" class="small mb-0">Modelo Vehículo</label>
                        <select class="form-control select2" name="modelovehiculo" id="modelo-vehiculo"
                            onchange="listAnios(this.value, '', 'true');">
                            <option value="">-- Modelo --</option>
                        </select>
                    </div>
                    <div class="col form-group mb-lg-0">
                        <label for="anio-vehiculo" class="small mb-0">Año Vehículo</label>
                        <select class="form-control select2" name="aniovehiculo" id="anio-vehiculo">
                            <option value="">-- Año --</option>
                        </select>
                    </div>
                @endif
                <div class="col-4 form-group mb-lg-0">
                    <label for="buscar" class="small mb-0">Buscar Producto</label>
                    <input type="search" class="form-control input-filtrar-producto alert-warning" name="buscar" id="buscar"
                        style="background: #fff3cd;" autocomplete="off" autofocus="true">
                </div>
                
                <div class="col-auto form-group mb-lg-0 text-right">
                    <button type="submit" class="btn btn-primary btn-sm blq-btn"><i class="fa fa-search"></i> Filtrar</button>
                </div>
            
            </form>
            <div class="pt-3">
                <div class="table-scroll">
                    <table class="table table-hover mt-0 table-list-productos">
                        <thead>
                            <tr>
                                <th width="76">Imagen</th>
                                <th>Título</th>
                                <th class="text-center">Precio / Stock</th>
                                <th class="text-right">
                                    
                                    <button type="button" class="btn btn-primary btn-sm btn-mini"
                                        onclick="mostrarOcultar(this, 'table-productos')"><i class="fa fa-eye"></i></button>
                                    
                                </th>
                            </tr>
                        </thead>
                        <tbody class="table-productos">
                            <tr class="text-center">
                                <td colspan="5">Busque productos a traves del filtro (Escriba una coma para
                                    separar los criterios de búsqueda)</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>

    <form action="{{-- route('cotizacion-creada') --}}" class="form-registro" id="form-cotizacion" method="post" target="_blank">
        {{ csrf_field() }}
        <div class="card mt-4">
            <div class="card-body">
                <div class="row">
                    <div class="col-12 table-responsive">
                        <table class="table table-hover" id="table-productos-documento">
                            <thead>
                                <tr>
                                    <th>SKU <span class="href-rosa">*</span></th>
                                    <th>Descripción</th>
                                    <th>Cantidad <span class="href-rosa">*</span></th>
                                    <th>Precio Normal
                                        
                                    </th>
                                    <th>Descuento (%)</th>
                                    <th>Precio Oferta
                                        
                                    </th>
                                    <th>Subtotal</th>
                                    <th>Sucursal</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody id="tbody-pedidos">
                                
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-7">
                        <textarea name="observaciones" class="form-control border" maxlength="450"
                            placeholder="Observaciones y/o comentarios (máx. 450 caracteres)" rows="6"></textarea>
                    </div>
                    <div class="col-md">
                        <div class="bg-light border pt-2" id="total-cotizacion">
                            <div class="row m-0 align-items-center">
                                <div class="col-md-7">
                                    <p>Subtotal</p>
                                </div>
                                <div class="col-md-5 text-right">
                                    <p>$0</p>
                                </div>
                            </div>
                            <div class="row m-0 align-items-center">
                                <div class="col-md-7">
                                    <p>Neto</p>
                                </div>
                                <div class="col-md-5 text-right">
                                    <p>$0</p>
                                </div>
                            </div>
                            <div class="row m-0 align-items-center">
                                <div class="col-md-7">
                                    <p>IVA</p>
                                </div>
                                <div class="col-md-5 text-right">
                                    <p>$0</p>
                                </div>
                            </div>
                            <div class="row m-0 align-items-center">
                                <div class="col-md-7">
                                    <p class="font-weight-bold">Total</p>
                                </div>
                                <div class="col-md-5 text-right">
                                    <p>$0</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 text-right mt-4">
                        <div class="row justify-content-end">
                            <div class="col-auto">
                                <div id="datos-cliente">
                                   
                                </div>
                                <div id="datos-oc"></div>
                                <div id="codigos-oc"></div>
                                <input type="hidden" name="confirmacion">
                                <button type="submit" class="btn btn-primary ml-1 btn-sm blq-btn-producto"><i
                                        class="fa fa-check-square-o"></i> Crear</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection

@section('scripts')
   
@endsection