@extends('master')
@section('style')
    <link rel='stylesheet' href="{{mix('/assets/css/app.css')}}" type='text/css' media='all' />
    <link rel="stylesheet" href="{{mix('/assets/css/pages/dashboard.css')}}">
    <link rel="stylesheet" href="/assets/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@section('content')
<section class="main-title-section-wrapper default" style="">
    <div class="container">
        <div class="main-title-section">
            <h1>Descuentos</h1>
        </div>
        <div class="breadcrumb"><a href="/">Inicio</a><span class="fa default"></span><span class="current">Descuentos</span></div>
    </div>
</section>
<!-- ** Container ** -->
<div class="container">
    <section id="primary" class="content-full-width">


    <div class="account-content">
            <div class="col-lg-12">
                <div class="bg-white">
                    <div class="wrapper_complainstBook p-4">
                            <center><h3 class="account-sub-title d-md-block mt-0 pt-1 ml-1"><i class="icon-user-2 align-middle mr-3 pr-1"></i>Libro de Reclamaciones</h3>
                            <img src="/assets/images/libro.png" alt="Libro de Reclamacion JUNEDAP" style="margin-top: 10px;"></center>
                            <br>
                            <p>Si tienes cualquier consulta o requieres de una atención inmediata, te invitamos a contactarnos a través de nuestros canales de atención; llamando al 945779211 o enviándonos un mensaje a junedapperu@gmail.com. Conforme a lo establecido en el Código de Protección y Defensa del Consumidor, esta institución cuenta con un Libro de Reclamaciones a su disposición. Razón Social: JUNEDAP SAC - RUC: 20611614587</p>                        
                            <form method="post" action="{{ route('libroreclamaciones.store') }}" class="complainstBook">
                                {{ csrf_field() }}
                                @if($message = Session::get('error'))
                                <div class="form-group mt-2">
                                    <div class="alert alert-danger p-2 text-center">{{ $message }}</div>
                                </div>
                                @endif
                                <br>
                                <h6 style="font-size:1.0rem!important;font-family:'Open Sans', sans-serif"class="space-h2">Datos del Consumidor</h6>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Nombres y Apellidos</label>
                                            <input type="text" name="fullname" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Tipo de Documento</label>
                                            <select class="form-control form-control-sm" name="document_type" required>
                                                <option value="" selected="selected">Seleccionar...</option>
                                                <option value="DNI">DNI</option>
                                                <option value="CE">CE</option>
                                                <option value="ME">Menor de Edad</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>N° Documento</label>
                                                <input type="text" maxlength="20" name="document_number" maxlength="12" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Correo</label>
                                            <input type="email" name="email" class="form-control form-control-sm" required>
                                        </div>
                                    </div>                                    
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Dirección</label>
                                            <input type="text" name="address" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Distrito</label>
                                            <input type="text" name="district" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Telefono / Celular</label>
                                            <input type="text" maxlength="50" name="phone" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                </div>

                                <h6 style="font-size:1.0rem!important;font-family:'Open Sans', sans-serif"class="space-h2">¿Eres Menor de Edad?</h6>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Nombres y Apellidos del Padre / Madre</label>
                                            <input type="text" name="fullname_father" class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Tipo de Documento</label>
                                            <select class="form-control form-control-sm" name="document_type_father">
                                                <option value="" selected="selected">Seleccionar...</option>
                                                <option value="DNI">DNI</option>
                                                <option value="CE">CE</option>
                                                <option value="ME">Menor de Edad</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>N° Documento</label>
                                                <input type="number" name="document_number_father" maxlength="12" class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Domicilio del Padre / Madre</label>
                                            <input type="text" name="address_father" class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Teléfono del Padre / Madre</label>
                                            <input type="number" name="phone_father" class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Correo Electronico del Padre / Madre</label>
                                            <input type="email" name="email_father" class="form-control form-control-sm">
                                        </div>
                                    </div>
                                </div>

                                <h6 style="font-size:1.0rem!important;font-family:'Open Sans', sans-serif"class="space-h2">Datos del bien Contratado</h6>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Tipo del bien</label>
                                            <select class="form-control form-control-sm" name="well" required>
                                                <option value="" selected="selected" value="">Seleccionar...</option>
                                                <option value="Servicio">Servicio</option>
                                                <option value="Productos">Producto</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>N° Ticket.</label>
                                            <input type="text" name="code_ticket" maxlength="50" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Monto Reclamado (S/)</label>
                                                <input type="text" name="amount" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Lugar</label>
                                            <input type="text" name="place" class="form-control form-control-sm" required>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Descripción</label>
                                                <textarea name="description" rows="10" cols="20" tabindex="60" class="form-control form-control-sm" style="height: 100px;" required></textarea>
                                        </div>
                                    </div>
                                </div>

                                <h6 style="font-size:1.0rem!important;font-family:'Open Sans', sans-serif"class="space-h2">Detalle de la reclamación y pedido del consumidor</h6>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Tipo de Reclamación</label>
                                            <select class="form-control form-control-sm" name="claim_type" required>
                                                <option value="" selected="selected" value="">Seleccionar...</option>
                                                <option value="RECLAMO">RECLAMO</option>
                                                <option value="QUEJA">QUEJA</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Detalle</label>
                                                <textarea name="claim_description" rows="10" cols="20" tabindex="60" class="form-control form-control-sm" style="height: 100px;" required></textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Pedido</label>
                                                <textarea name="claim_order" rows="10" cols="20" tabindex="60" class="form-control form-control-sm" style="height: 100px;" required></textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <a href="/privacidad" target="_blank"> He leído y acepto las políticas de privacidad </a> <input id="politica" name="politica" type="checkbox" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <button id="btnComplaintsBook" class="dt-sc-button medium red rounded-corner partially-rounded">Enviar</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        
                        <br>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <b>AVISO LEGAL</b>
                                    <br>
                                    Junedap SAC, con R.U.C. N° 20611614587, con domicilio en Calle : Cacique cinto 215 - Urb Latina José Leonardo Ortiz - Chiclayo, declara que el tratamiento de sus datos personales en este portal tiene por finalidad gestionar de manera correcta su reclamo o queja conforme las disposiciones legales sobre la materia.
                                    <br>
                                    1. El provedor deberá dar respuesta al reclamo en un plazo no mayor de treinta (30) días calendario, pudiendo ampliar el plazo hasta por treinta (30) días más, previa comunicación al consumidor.
                                    <br>
                                    2. 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.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </section>
</div>
<!-- **Container - End** -->
@endsection
@section('scripts')
    <script src="/assets/plugins/sweetalert2/sweetalert2.min.js"></script>
    @if($message = Session::get('success'))
    <script type="text/javascript">
    Swal.fire(
        "Codigo Reclamo N°: {{$message}}",
        "Estimado usuario, se le envío a su correo el reclamo ingresado.",
        "success"
    )
    </script>
@endif
@endsection