@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-10">

        @include('layouts.alerts.success')

        <div class="card {{ session('theme_card') }}">

          <div class="card-header">
            <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
              <i class="bi bi-caret-left"></i>
            </a>
            Datos de Predenuncia
          </div>

          <div class="card-body {{ session('theme_bg_black') }}">

            <div class="form-row">
              <div class="form-group text-center mx-auto col-md-4">
                <label for="plataforma">Plataforma - Origen</label>
                <input type="text" value="{{ $denuncia->origen ?? 'Link' }}"  class="form-control {{session('theme_bg_dark')}}" id="plataforma" disabled>
              </div>
              @if ($denuncia->codigo_origen > 1)
                <div class="form-group text-center mx-auto col-md-4">
                  <label for="inputEmail4">Código</label>
                  <input type="number" class="form-control" value="{{ $denuncia->codigo_origen }}" required disabled>
                </div>
              @endif
            </div>

            <form class="form" action="{{route('ActualizarDenuncia')}}" method="post">
              @csrf
              <div class="form-row">
                <div class="form-group col-md-4 text-center mx-auto">
                  <label for="dni">DNI</label>
                  <input type="number" value="{{old('numero_documento') ?? $denuncia->numero_documento}}" id="numero_documento" name="numero_documento" class="form-control {{session('theme_bg_dark')}}" placeholder="Documento" required>
                </div>
                <div class="form-group col-md-4 text-center mx-auto">
                  <label for="poliza">Poliza</label>
                  <input type="number" value="{{old('poliza') ?? $denuncia->poliza}}" id="poliza" name="poliza" class="form-control {{session('theme_bg_dark')}}" placeholder="Poliza" required>
                </div>
              </div>

            @if ($denuncia->tipo_denuncia == "RC")
              @include('Denuncias.FormularioRC', ['documentos' => $documentos])

            @elseif ($denuncia->tipo_denuncia == "RB")
              @include('Denuncias.FormularioRB', ['documentos' => $documentos])

            @elseif ($denuncia->tipo_denuncia == "Terceros")
              @include('Denuncias.FormularioTERCEROS', ['documentos' => $documentos])

            @endif

            <div class="card-body">

              <div class="card {{ session('theme_card') }}">
                <div class="card-header" style="background: {{session('theme') == 'dark' ? 'red' : '#FAF542'}};">
                  Panel Administrador (Ult. Vez actualizado: {{ $denuncia->updated_at }})
                </div>
              </div>

              <div class="card-body">
                <form action="{{route('ActualizarEstado')}}" method="POST">
                  @csrf
                    <div class="form-row text-center">
                      <div class="form-group col-md-12">
                        <label for="ampliacion_relato">Ampliacion del Relato</label>
                        <textarea name="uso_oficial" class="form-control {{session('theme_bg_black')}}" id="ampliacion_relato" placeholder="Espacio para uso oficial de SP Seguros" required>{{$denuncia->uso_oficial}}</textarea>
                      </div>
                      <div class="form-group col-md-6 mx-auto">
                        <label for="estado_relato">Estado</label>
                        <select name="estado" class="form form-select {{session('theme_select_dark')}}" id="estado_relato">
                          <option value="En Proceso" {{ ($denuncia->estado == "En Proceso" ? "selected" : "") }}>En Proceso</option>
                          <option value="Procesado"  {{ ($denuncia->estado == "Procesado"  ? "selected" : "") }}>Procesado</option>
                          <option value="Cancelado"  {{ ($denuncia->estado == "Cancelado"  ? "selected" : "") }}>Cancelado</option>
                        </select>
                      </div>
                    </div>
                    @if ($denuncia->estado == "En Proceso")
                      <br>
                      <div class="col text-center">
                        <input type="hidden" name="id" value="{{$denuncia->id}}">
                        <input type="submit" value="Actualizar" class="btn btn-lg btn-primary">
                      </div>
                    @endif
                </form>
              </div>

              @if ($denuncia->enviado_equis == 0)
                <div class="card-body">
                  <br>
                  <hr>
                  <div class="form-row">
                    <p class="mx-auto small">Si actualizaste los datos, recordá guardar los cambios con el botón ACTUALIZAR antes de hacer el envío a Equis</p>
                    <div class="form-group col-md-4 text-center mx-auto">
                      <a class="btn btn-lg btn-outline-danger" href="{{route('EnviarEquis', ['id' => $denuncia->id])}}">Enviar a Equis</a>
                    </div>
                  </div>
                </div>
              @endif

            </div>

          </div>

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

@push('scripts')
  <script>
  $( document ).ready(function() {
    $(".alert-in").hide();
  });
  function AddButton(NombreInput,divID){
      let html = `<input type="file"  name="`+NombreInput+`" class="form-control p-1 my-1 col-10 col" id="inputEmail4">`;
      $("#"+divID).append(html);
   }
   function EliminarVehiculo(){
       let id = parseInt($("#cantidad_vehiculos").val());
       $(".vehiculo_dinamico_"+id+"").remove();
       let cantidad = (id-1);
       $("#cantidad_vehiculos").val(cantidad);
   }
   function SumarVehiculo(){
       let cantidad = (parseInt($("#cantidad_vehiculos").val())+1);
       $("#cantidad_vehiculos").val(cantidad);
       let html = `<div class='vehiculo_dinamico_`+cantidad+`'>
       <div class="card">
     <div class="card-header" style="background:#078FBB; color:#FFF;">
     Detalles del otro Vehiculo (`+cantidad+`) <button class="btn btn-danger" onclick="EliminarVehiculo(`+cantidad+`)" type="button">Eliminar</button>
     </div>
   </div>
       <div class="form-row">
   <div class="form-group col-md-6">
         <label for="inputEmail4">Marca</label>
         <input type="text" value="" name="marca_`+cantidad+`" class="form-control" id="inputEmail4" placeholder="Marca" required>

       </div>
       <div class="form-group col-md-6">
         <label for="inputEmail4">Modelo</label>
         <input type="text"  value="" name="modelo_`+cantidad+`" class="form-control" id="inputEmail4" placeholder="Modelo">

       </div>
       <div class="form-group col-md-6">
         <label for="inputEmail4">Dominio</label>
         <input type="text" value="" name="dominio_`+cantidad+`" class="form-control" id="inputEmail4" placeholder="Dominio / Patente">

       </div>
       <div class="form-group col-md-6">
         <label for="inputEmail4">Asegurado en</label>
         <input type="text"  value="" name="asegurado_en_`+cantidad+`" class="form-control" id="inputEmail4" placeholder="Asegurado en">
       </div>

       <div class="form-group col-md-6">
         <label for="inputEmail4">Detalle de Daños</label>
         <textarea  name="detalle_danos_`+cantidad+`" class="form-control" id="inputEmail4" placeholder="Detalle de Daños del vehiculo"></textarea>
       </div>
   </div></div>
   `
    $(".sumar_vehiculos").append(html);
   }
   function ConduciaVehiculo() {
     let v = $("#SConduciaVehiculo option:selected").val();

     if (v == "No") {
       $(".ConduciaVehiculo").show();
       $(".ocupacion_acompanante").show();

     } else {
       $(".ConduciaVehiculo").hide();
       $(".ocupacion_acompanante").hide();
     }
   }
   function CondVRC() {
     let v = $("#ConduciaVehiculoRC option:selected").val();

     if (v == "No") {
       $(".ConduciaVehiculo").show();
     } else {
       $(".ocupacion_acompanante").hide();
     }
   }
   </script>
  </script>
@endpush