@extends('base.base')

@section('css')
@endsection

@section('form')
  <form class="user" method="POST" class="needs-validation" action="/buscador">
    @csrf  
    <div class="form-group">
      <label for="tlicence">Tipo de Licencia</label>
      <select id="tlicence" name="tlicence" class="form-control" required>
        @if(session('user_agent') != null && session('user_agent') != "")
          @if(session('user_agent') != 'ConsAl')
            <option value="LFM">Licencia de Funcionamiento</option>
            <option value="LAM">Licencia de Ambulante</option>
          @endif
          @if(session('user_agent') != 'ConsFun')
            <option value="LAL">Licencia de Alcoholes</option>
            <option value="LPO">Licencia de Porteador</option>
          @endif
        @endif
      </select>
    </div>
    @if(session('user_agent') != null && session('user_agent')!= "")
      @if(session('user_agent') != 'ConsAl')
        <div id="tlicencefield" class="form-group">
          <label id="laccountNumber" for="accountNumber">Número de cuenta</label>
          <input type="text" class="form-control form-control-user" id="accountNumber" name="accountNumber" placeholder="Ingresar el número de cuenta" required>
          <div class="invalid-feedback">
            Favor de ingresar el número de cuenta
          </div>
        </div>
      @else
        <div id="tlicencefield" class="form-group">
          <fieldset>
            <legend class="legendSearching">Cómo desea hacer su búsqueda</legend>
            <input type="radio" id="acountN" name="typeSearch" value="acountN" checked="checked">
            <label for="acountN">Simple/Varias</label>
            <input type="radio" id="range" name="typeSearch" value="range">
            <label for="range">Rango</label>
            <input type="radio" id="conc" name="typeSearch" value="conc">
            <label for="conc">Concesionario</label>
          </fieldset>
          <input type="text" class="form-control form-control-user" id="accountNumber" name="accountNumber" placeholder="Ingresar el número de cuenta" required="required">
          <label class="labelMessage">En caso de querer buscar varías, separarlas por una coma (,)</label>
          <div class="invalid-feedback">Favor de ingresar el número de cuenta</div>
        </div>
      @endif
    @endif
    <button type="submit" class="btn btn-primary btn-user btn-block" formtarget="_blank">
      Buscar
    </button>
    <a href="logout" class="btn btn-secondary btn-user btn-block" data-toggle="modal" data-target="#logoutModal">
      Cerrar Sesión
    </a>
  </form>
  <hr>
  @if (session('message'))
    <div class="alert alert-warning">
      {{ session('message') }}
    </div>
  @endif
  <!-- Logout Modal-->
  <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" id="modal" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Cerrar sesión</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">¿Está usted seguro de querer cerrar la sesión?</div>
        <div class="modal-footer">
          <a class="btn btn-primary" href="/logout">Salir</a>
          <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancelar</button>
          
        </div>
      </div>
    </div>
  </div>
@endsection

@section('js')
<script src="../assets/js/searching.js"></script>
@endsection