@extends('layouts.panel')
@section('content')
{{-- <div class="row">		
    <div class="col-sm-10">
        <div class="input-group">
            <input id="btn-input" type="text" class="form-control input-md" placeholder="Ingrese nombre o número de documento de identidad de contribuyente..." />
            <span class="input-group-btn">
                <button class="btn btn-primary btn-md" id="btn-chat">Buscar</button>
            </span>
        </div>
    </div>
    <div class="form-group form-group-sm col-sm-2">
        <a class="btn btn-lg btn-primary" style="float: right" href="{{url('contribuyente/create')}}">Agregar</a>
    </div>
</div> --}}
{{-- <table class="table table-striped  table-bordered table-condensed table-hover" style="background:white;font-family: Arial;font-size: 25px;">
    <thead  style="background-color: #4fa8fb; color:#fff;">
        <th style="text-align: center">Cod.</th>
        <th style="text-align: center">Nombre</th>
        <th style="text-align: center">Txx.</th>
        <th style="text-align: center">Nro. Doc.</th>
        <th style="text-align: center">Dirección</th>
        <th style="text-align: center">Lugar</th>
        <th style="text-align: center">Exonerado</th>
        <th style="text-align: center">Exo. Fecha Ingreso</th>
        <th style="text-align: center">Exo. Fecha Salida</th>
        <th style="text-align: center">Estado</th>        
        <th style="text-align: center">Opciones</th>
    </thead>
    <tbody>
        @foreach ($contribuyentes as $ctb)
        <tr>
            <td style="text-align: center">{{$ctb->CTBCodigo}}</td>
            <td style="text-align: center">{{$ctb->CTBNombre}}</td>
            <td style="text-align: center">{{$ctb->CTBTipDoc}}</td>
            <td style="text-align: center">{{$ctb->CTBNroDoc}}</td>
            <td style="text-align: center">{{$ctb->CTBDirecc}}</td>
            <td style="text-align: center">{{$ctb->CTBLugar}}</td>
            @if ($ctb->CTBExoner=="s")
              <td style="text-align: center">SI</td>
            @else
              <td style="text-align: center">No</td>
            @endif
            <td style="text-align: center">{{$ctb->CTBExoFeI}}</td>
            <td style="text-align: center">{{$ctb->CTBExoFeF}}</td>
            @if ($ctb->CTBEstado=="A")
              <td style="text-align: center"><a style="color: rgb(0, 51, 255)">Activo</a></td>
            @else
              <td style="text-align: center"><a style="color: rgb(255, 0, 0)">Inactivo</a></td>
            @endif
            <td style="text-align: center">
                <a href="{{url('/contribuyente/' .$ctb->CTBCodigo.'/edit')}}" style="color: green; padding-right: 10px; text-decoration: none">
                    |<span class="icon-editar"></span><span class="icon-nombre"></span>
                </a>
                <form action="{{url('/contribuyente/' .$ctb->CTBCodigo)}}" style="display: inline" method="post">
                    @csrf
                    {{method_field('DELETE')}}
                    |<button type="submit" style="color: red; text-decoration: none; padding-left: 5px; border: none; background: none" onclick="return confirm('¿Cambiar estado de contribuyente?')"><span class="icon-eliminar"></span></button>
                </form>
            </td>
        </tr>
        @endforeach
        
    </tbody>                    

</table> --}}
<nav class="navbar navbar-top navbar-expand-md navbar-dark" id="navbar-main">
    <div class="container-fluid">
      <!-- Brand -->
      <a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="/contribuyente">Contribuyentes</a>
      <!-- Form -->
      {!! Form::open(array('url'=>'contribuyente','method'=>'GET','autocomplete'=>'off','role'=>'search')) !!}
      <div class="navbar-search navbar-search-dark form-inline mr-0 d-none d-md-flex ml-lg-auto">
        <div class="form-group mb-0">
          <div class="input-group input-group-alternative mr-1">
            <div class="input-group-prepend">
              <span class="input-group-text"><i class="fas fa-search"></i></span>
            </div>
            <input class="form-control" name="searchText" placeholder="Ingrese código o nombre de contribuyente..." value="{{$searchText}}">> 
          </div>
          <button type="submit" class="btn btn-secondary">Buscar</button>
        </div>
      {!! Form::close() !!}
      {{-- <form class="navbar-search navbar-search-dark form-inline mr-0 d-none d-md-flex ml-lg-auto">
        <div class="form-group mb-0">
          <div class="input-group input-group-alternative mr-1">
            <div class="input-group-prepend">
              <span class="input-group-text"><i class="fas fa-search"></i></span>
            </div>
            <input class="form-control" placeholder="Ingrese código de contribuyente..." type="text"> 
          </div>
          <button type="submit" class="btn btn-secondary">Buscar</button>
        </div>
      </form> --}}
    </div>
  </nav>
  <div class="header pb-8 pt-6 pt-md-5" style="background-color: #74797d">
  </div>
  <div class="container-fluid mt--7">
      
    <div class="row">
        <div class="col">
          <div class="card shadow">
            <div class="card-header border-0 form-inline">
              <h3 class="mb-0">Lista De Contribuyentes</h3>
              <a class="btn btn-success mr-0 d-none d-md-flex ml-lg-auto" href="{{url('contribuyente/create')}}">Nuevo Contribuyente</a>
            </div>
            <div class="table-responsive">
              <table class="table align-items-center table-flush table-hover">
                <thead style="background-color:#008080;color: white;font-family:Arial;font-size:300%;">
                  <tr>
                    <th scope="col">Cod.</th>
                    <th scope="col">Nombre</th>
                    <th scope="col">Tip.</th>
                    <th scope="col">Nro Doc.</th>
                    <th scope="col">Fec. Nac</th>
                    <th scope="col">Dirección</th>
                    <th scope="col">Nro.</th>
                    <th scope="col">Lugar</th>                    
                    <th scope="col">Exonerado</th>
                    <th scope="col">Estado</th>
                    <th scope="col">Opciones</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach ($contribuyentes as $ctb)
                  <tr>
                    <td scope="col">{{$ctb->CTBCodigo}}</td>
                    <td scope="col">{{$ctb->CTBNombre}}</td>
                    <td scope="col">{{$ctb->CTBTipDoc}}</td>
                    <td scope="col">{{$ctb->CTBNroDoc}}</td>
                    <td scope="col">{{$ctb->CTBFecNac}}</td>
                    <td scope="col">{{$ctb->CTBDirecc}}</td>
                    <td scope="col">{{$ctb->CTBNroDir}}</td>                    
                    <td scope="col">{{$ctb->CTBLugar}}</td>
                    @if ($ctb->CTBExoner=="S")
                    <td>
                        <span class="badge badge-dot mr-4">
                          <i class="bg-success"></i>
                          <span class="status">SI</span>
                        </span>
                    </td>
                    @else
                    <td>
                        <span class="badge badge-dot mr-4">
                          <i class="bg-warning"></i>
                          <span class="status text-red">NO</span>
                        </span>
                    </td>
                    @endif
                    @if ($ctb->CTBEstado=="A")
                    <td>
                        <span class="badge badge-dot mr-4">
                          <i class="bg-success"></i>
                          <span class="status text-green">Activo</span>
                        </span>
                    </td>
                    @else
                    <td>
                        <span class="badge badge-dot mr-4">
                          <i class="bg-warning"></i>
                          <span class="status text-red">Inactivo</span>
                        </span>
                    </td>
                    @endif
                        <td class="text-left">
                            <div class="dropdown">
                              <a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fas fa-ellipsis-v"></i>
                              </a>
                              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                                <a class="dropdown-item text-blue" href="{{url('/contribuyente/' .$ctb->CTBCodigo.'/edit')}}">Editar</a>
                                {{-- <a href=""  class="dropdown-item text-red" data-toggle="modal" data-target="#modalEliminar{{$cla->CLACodigo}}">Eliminar</a> --}}
                                {{-- @include('clasificacion.modal') --}}
                                <form action="{{url('/contribuyente/' .$ctb->CTBCodigo)}}" method="post">
                                    @csrf
                                    {{method_field('DELETE')}}
                                    <button type="submit" class="dropdown-item text-red" onclick="return confirm('¿Cambiar estado de contribuyente?')">Eliminar</button>
                                </form>
                                {{-- <a class="dropdown-item text-red" href="#">Eliminar</a> --}}
                              </div>
                            </div>
                        </td>
                  </tr>
                @endforeach
                </tbody>
              </table>
            </div>
            
            <div class="card-footer py-4">
              <nav aria-label="...">
                
                <ul class="pagination justify-content-end mb-0">
                  {{ $contribuyentes->links() }}
                </ul>
              </nav>
            </div>
          </div>
        </div>
    </div>
      
  </div>
  {{-- <script>
    window.addEventListener("load",function(){
      document.getElementById("texto").addEventListener("keyup",function(){
        fetch(`/contribuyentes/index?texto=${document.getElementById("texto").value}`,{
          method:'get'
        })
        .then(response => response.text() )
        .then(html => {
          document.getElementById("resultados").innerHTML += html
        })
        
      })
    })
  </script> --}}
@endsection