@extends('layouts.plantilla')

@section('title', 'Home')

@section('content')
<div class="container contenedor">
    <div class="row row-eq-height" style="margin-top: 30px;">
        <div class="col-xl-3">
            <div class="row" style="height: 100%;">
                <div class="col-12">
                    <div style="height: 100%; padding: 30px 0;" id="columns">
                        @include('layouts.partials.formulario')
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-9" id="formulario">
            @if ($errors->any())
            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                Algunos campos están incompletos
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            @endif
            <form action="{{route('libro.guardar')}}" method="POST">
                @csrf
                <h6 class="titulos">IDENTIFICACIÓN DEL CONSUMIDOR RECLAMANTE</h6>
                <div class="row">
                    <div class="col-12 contenedor-forms">
                        @php
                        $a = 1
                        @endphp
                        @foreach ($tipospersonas as $tippersonas)
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" value="{{$tippersonas->id}}" @if(!old('personas') && $a==1) checked="checked" @endif @if(old('personas')==$tippersonas->id) checked="checked" @endif type="radio" name="personas" id="inlineRadio1">
                            <label class="form-check-label" for="inlineRadio1">{{$tippersonas->nombre}}</label>
                        </div>
                        @php
                        $a++
                        @endphp
                        @endforeach
                        @error('personas')
                        <span class="error"><small>*{{$message}}</small></span>
                        @enderror
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('nombresyapellidos') ? 'has-error' :'' }}">
                            <label for="nombresyapellidos">Nombres y apellidos</label>
                            <input type="text" class="form-control" id="nombresyapellidos" name="nombresyapellidos" value="{{old('nombresyapellidos')}}">
                            @error('nombresyapellidos')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('razonsocial') ? 'has-error' :'' }}">
                            <label for="razonsocial">Razón Social</label>
                            <input type="text" class="form-control" id="razonsocial" name="razonsocial" value="{{old('razonsocial')}}">
                            <input type="hidden" name="exiterazonsocial" id="exiterazonsocial" value="0" />
                            @error('razonsocial')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('docidentidad') ? 'has-error' :'' }}">
                            <label for="docidentidad">Doc. Identidad</label>
                            <select id="docidentidad" class="form-control" name="docidentidad">
                                @foreach ($tiposdocumentos as $doc)
                                <option value="{{$doc->id}}" {{ old('docidentidad') == $doc->id ? 'selected' : '' }}>{{$doc->nombre}}</option>
                                @endforeach
                            </select>
                            @error('docidentidad')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('ndocumento') ? 'has-error' :'' }}">
                            <label for="ndocumento">N° Documento</label>
                            <input type="text" class="form-control" maxlength="12" minlength="8" id="ndocumento" name="ndocumento" value="{{old('ndocumento')}}">
                            @error('ndocumento')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group {{ $errors->has('direccion') ? 'has-error' :'' }}">
                            <label for="direccion">Dirección</label>
                            <input type="text" class="form-control" id="direccion" name="direccion" value="{{old('direccion')}}">
                            @error('direccion')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('telefono') ? 'has-error' :'' }}">
                            <label for="telefono">Teléfono</label>
                            <input type="text" class="form-control" maxlength="9" minlength="7" id="telefono" name="telefono" value="{{old('telefono')}}">
                            @error('telefono')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('departamento') ? 'has-error' :'' }}">
                            <label for="departamento">Departamento</label>
                            <select id="departamento" class="form-control" name="departamento">
                                <option value="">----</option>
                                @foreach ($departamentos as $depa)
                                <option value="{{$depa->id}}" {{ old('departamento') == $depa->id ? 'selected' : '' }}>{{$depa->nombre}}</option>
                                @endforeach
                                @error('departamento')
                                <span class="error"><small>*{{$message}}</small></span>
                                @enderror
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('provincia') ? 'has-error' :'' }}">
                            <label for="provincia">Provincia</label>
                            <select id="provincia" class="form-control" name="provincia">
                                <option value="0">----</option>
                            </select>
                            @error('provincia')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('distrito') ? 'has-error' :'' }}">
                            <label for="distrito">Distrito</label>
                            <select id="distrito" class="form-control" name="distrito">
                                <option value="0">----</option>
                            </select>
                            @error('distrito')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row" style="margin-bottom: 5px;">
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('correo') ? 'has-error' :'' }}">
                            <label for="correo">Correo</label>
                            <input type="email" class="form-control" id="correo" name="correo" value="{{old('correo')}}">
                            @error('correo')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('menor') ? 'has-error' :'' }}">
                            <label for="distrito"><strong>¿Eres menor de Edad?</strong></label>
                            <div style="width: 100%; height: 10px;"></div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" @if(!old('menor')) checked="checked" @endif @if(old('menor')==1) checked="checked" @endif value="1" type="radio" name="menor" id="inlineRadio2">
                                <label class="form-check-label" for="inlineRadio1">No</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" @if(old('menor')==2) checked="checked" @endif value="2" type="radio" name="menor" id="inlineRadio2">
                                <label class="form-check-label" for="inlineRadio1">Si</label>
                            </div>
                            @error('menor')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <input type="hidden" id="existemenor" name="existemenor" value="0" />
                <div class="row" id="menor" style="background: #ececec; padding: 15px 0; margin-bottom: 15px;">
                    <div class="col-md-12">
                        <p>Datos del Padre, Madre o Autor</p>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('pnombresapellidos') ? 'has-error' :'' }}">
                            <label for="pnombresapellidos">Nombres y apellidos</label>
                            <input type="text" class="form-control" id="pnombresapellidos" name="pnombresapellidos" value="{{old('pnombresapellidos')}}">
                            @error('pnombresapellidos')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('pcorreo') ? 'has-error' :'' }}">
                            <label for="pcorreo">Correo</label>
                            <input type="email" class="form-control" id="pcorreo" name="pcorreo" value="{{old('pcorreo')}}">
                            @error('pcorreo')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('pdni') ? 'has-error' :'' }}">
                            <label for="pdni">DNI/CE</label>
                            <input type="text" class="form-control" id="pdni" maxlength="12" minlength="8" name="pdni" value="{{old('pdni')}}">
                            @error('pdni')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('ptelefono') ? 'has-error' :'' }}">
                            <label for="ptelefono">Teléfono</label>
                            <input type="text" class="form-control" id="ptelefono" minlength="7" maxlength="9" name="ptelefono" value="{{old('ptelefono')}}">
                            @error('ptelefono')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group {{ $errors->has('pdireccion') ? 'has-error' :'' }}">
                            <label for="pdireccion">Dirección</label>
                            <input type="text" class="form-control" id="pdireccion" name="pdireccion" value="{{old('pdireccion')}}">
                            @error('pdireccion')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <h6 class="titulos">MANIFIESTO DEL CONSUMIDOR RECLAMANTE</h6>
                <div class="row">
                    <div class="col-12 contenedor-forms {{ $errors->has('manifiesto') ? 'has-error' :'' }}">
                        <div class="form-check form-check-inline">
                            <label>Tipo: </label>
                        </div>
                        @php
                        $b = 1
                        @endphp
                        @foreach ($tiposmaniestos as $tipmanifiesto)
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" value="{{$tipmanifiesto->id}}" @if(!old('manifiesto') && $b==1) checked="checked" @endif @if(old('manifiesto')==$tipmanifiesto->id) checked="checked" @endif type="radio" name="manifiesto" id="inlineRadio3">
                            <label class="form-check-label" for="inlineRadio1">{{$tipmanifiesto->nombre}}</label>
                        </div>
                        @php
                        $b++
                        @endphp
                        @endforeach
                        @error('manifiesto')
                        <span class="error"><small>*{{$message}}</small></span>
                        @enderror
                        <a
                            style="cursor: pointer;"
                            data-toggle="tooltip"
                            data-html="true"
                            style="color: #222"
                            title="<b>Reclamo</b>: Disconformidad relacionada a los productos o servicios.<br /><b>Queja</b>: Disconformidad no relacionada a los productos o servicios o malestar o descontento respecto a la atención al público. La formulación del reclamo no impide acudir a otras vías de solución de controversias ni es requisito previo para interponer una denuncia ante el INDECOPI.">
                            <i class="fas fa-question-circle"></i>
                        </a>
                    </div>
                </div>
                <div class="row" style="margin-bottom: 15px;">
                    <div class="col-12 {{ $errors->has('contratado') ? 'has-error' :'' }}">
                        <div class="form-check form-check-inline">
                            <label>Bien contratado: </label>
                        </div>
                        @php
                        $c = 1
                        @endphp
                        @foreach ($tiposcontratados as $tipcontratado)
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" value="{{$tipcontratado->id}}" @if(!old('contratado') && $c==1) checked="checked" @endif @if(old('contratado')==$tipcontratado->id) checked="checked" @endif type="radio" name="contratado" id="inlineRadio4">
                            <label class="form-check-label" for="inlineRadio1">{{$tipcontratado->nombre}}</label>
                        </div>
                        @php
                        $c++
                        @endphp
                        @endforeach
                        @error('contratado')
                        <span class="error"><small>*{{$message}}</small></span>
                        @enderror
                        <a
                            style="cursor: pointer;"
                            data-toggle="tooltip"
                            data-html="true"
                            style="color: #222"
                            title="<b>Producto</b>: Un producto es una cosa o un objeto elaborado o fabricado, es tangible.<br /><b>Servicio</b>: Los servicios son actividades económicas que una parte ofrece a otra.">
                            <i class="fas fa-question-circle"></i>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('comprobantepago') ? 'has-error' :'' }}">
                            <label for="comprobantepago">Comprobante de pago</label>
                            <select id="comprobantepago" class="form-control" name="comprobantepago">
                                @foreach ($tiposcomprobantes as $tipcomprobante)
                                <option value="{{$tipcomprobante->id}}" {{ old('comprobantepago') == $tipcomprobante->id ? 'selected' : '' }}>{{$tipcomprobante->nombre}}</option>
                                @endforeach
                            </select>
                            @error('comprobantepago')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('ncomprobante') ? 'has-error' :'' }}">
                            <label for="ncomprobante">N° comprobante</label>
                            <input type="text" class="form-control" id="ncomprobante" name="ncomprobante" value="{{ old('ncomprobante') }}">
                            <input type="hidden" name="existecomprobante" id="existecomprobante" value="0" />
                            @error('ncomprobante')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group {{ $errors->has('sedesucursal') ? 'has-error' :'' }}">
                            <label for="sedesucursal">Sede / Sucursal</label>
                            <select id="sedesucursal" class="form-control" name="sedesucursal">
                                @foreach ($sedes as $sede)
                                <option value="{{$sede->id}}" {{ old('sedesucursal') == $sede->id ? 'selected' : '' }}>{{$sede->sede}}</option>
                                @endforeach
                            </select>
                            @error('sedesucursal')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group {{ $errors->has('detalleproductoservicio') ? 'has-error' :'' }}">
                            <label for="detalleproductoservicio">Detalle del Producto o Servicio</label>
                            <textarea class="form-control" id="detalleproductoservicio" rows="3" name="detalleproductoservicio">{{ old('detalleproductoservicio') }}</textarea>
                            @error('detalleproductoservicio')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group {{ $errors->has('detalledelaqueja') ? 'has-error' :'' }}">
                            <label for="detalledelaqueja">Pedido del Reclamante</label>
                            <textarea class="form-control" id="detalledelaqueja" rows="3" name="detalledelaqueja">{{ old('detalledelaqueja') }}</textarea>
                            @error('detalledelaqueja')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-check {{ $errors->has('declaracion') ? 'has-error' :'' }}">
                            <input {{old('declaracion')}} type="checkbox" name="declaracion" class="form-check-input" id="declaracion">
                            <label class="form-check-label" for="declaracion">Declaro ser el titular del contenido del presente formulario,manifestando bajo declaración jurada los hechos descritos en él.</label>
                            @error('declaracion')
                            <span class="error"><small>*{{$message}}</small></span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="form-group">
                            <div style="width: 210px; margin: 15px auto auto auto;" class="captcha">
                                <span style="width: 160px; display: inline-block;">{!! captcha_img("flat") !!}</span>
                                <button style="width: 40px; display: inline-block;" type="button" class="btn btn-danger" class="reload" id="reload">
                                    &#x21bb;
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group {{ $errors->has('captcha') ? 'has-error' :'' }}">
                            <div style="width: 165px; margin: auto;">
                                <input type="text" class="form-control" id="captcha" placeholder="Resultado" autocomplete="off" name="captcha">
                                @error('captcha')
                                <span class="error"><small>*{{$message}}</small></span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12" style="text-align: center; margin-top: 15px;">
                        <button style="padding: .5rem 30px;" type="submit" class="btn btn-outline-primary btn-lg">Enviar</button>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
@endsection