@extends('header_nuevo_generico')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center my-2">
        <div class="col-md-6 col-sm-9">
            <h2 class="text-fidelitas display-6 text-center">Contratistas Imperium</h2>
            <h4 class="text-fidelitas text-center">Período {{ $periodo }}</h4>
        </div>
    </div>
    <ul class="nav nav-tabs mx-5" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link nav-fidelitas active" id="profile-tab" data-bs-toggle="tab"
                data-bs-target="#profile" type="button" role="tab" aria-controls="profile"
                aria-selected="false">Buscador de Contratistas</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link nav-fidelitas" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
                type="button" role="tab" aria-controls="home" aria-selected="true">Buscador de Clientes</button>
        </li>
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
            <form id="frmContratistasPorClientes">
                {{ csrf_field() }}
                <input type="hidden" name="contratista" value="" id="_contratista">
                <div class="row justify-content-center mt-4">
                    <p for="cliente" class="text-muted text-center">Búsqueda de contratistas por clientes</p>
                    <div class="col-md-3 form-group">
                        <select name="cliente" id="cliente" class="form-select form-select-sm">
                            <option selected>Seleccione un cliente...</option>
                            @foreach ($clientes as $c)
                                <option value="{{ $c->cliente }}">{{ $c->nombre_cliente }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </form>

        </div>
        <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
            <form id="frmContratistas">
                {{ csrf_field() }}
                <div class="row justify-content-center mt-4">
                    <p for="cliente" class="text-muted text-center">Búsqueda de un contratistas</p>
                    <div class="col-3">
                        <div class="input-group input-group-sm mb-3">
                            <input name="cSearchVal" type="text" class="form-control" placeholder="Razon Social o CUIT"
                                aria-label="Razon Social o CUIT" aria-describedby="button-addon2">
                            <button class="btn btn-outline-fidelitas" id="cSearch" type="button" id="button-addon2"><i
                                    class="bi bi-search"></i></button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div id="cargandoTablaContratistas" class="row justify-content-center my-2 d-none">
        <div class="spinner-border text-success" role="status">
            <span class="visually-hidden">Loading...</span>
        </div>
    </div>
    <div class="col mt-5 col-md-12">
        <div class="row justify-content-center my-2" id="tablaContratistas"></div>
    </div>
</div>
<div class="modal fade" id="modalError" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Error Login</h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body my-2">
                <h5 class="tex-muted text-center" role="alert">Ocurrió un error al intentar logearse, intente nuevamente
                </h5>
            </div>
        </div>
    </div>
</div>
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/funciones_imperium_paneles.js') }}?v={{rand()}}"></script>
<script>
    $(document).ready(function () {
        buscarRecursos();
    });
</script>
@endsection