@extends('layouts.menu')

@section('title', 'Tickets Subordinados')

@section('contenido')

    <div class="card bg-light shadow-none p-3 mb-5 bg-light rounded">
        <div class="card-header card-header-pr77 mb-3">
            <div class="row justify-content-between">
                <div class="col-md-12">
                    <h2 class="text-center"><b>Incidencias Subordinados</b></h2>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-4 mb-2">
                    <label for="">Servicios</label>
                    <select name="servicio" id="servicio" class="form-control">
                        <option value="none">Seleccione un servicio</option>
                        @foreach($servicios as $servicio)
                            <option value="{{$servicio->id}}">{{$servicio->servicio}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4" id="check_zona">
                    <label for="">Zonas</label>
                    <select name="zona" id="zona" class="form-control"></select>
                </div>
                <div class="col-md-4">
                    <label for="fecha">Fecha</label>
                    <input type="text" class="form-control" name="fecha" id="fecha"
                           onclick="fecha_contrasena('fecha')" style="margin-top: 8px">
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-2">
                    <div class="d-grid gap-2">
                        <button class="btn btn-primary btn-block me-1 mb-1" onclick="buscar()">
                            <i class="fa-solid fa-magnifying-glass me-1"></i>
                            Buscar
                        </button>
                        <button class="btn btn-primary btn-block" onclick="limpiarFiltros()">
                            <i class="fa-solid fa-trash-arrow-up me-1"></i>
                            Limpiar Filtros
                        </button>
                    </div>
                </div>
            </div>
            <br>
            <div id="message_none" style="display: none">
                <div class="alert d-flex align-items-center" role="alert" style="color: #084298;background-color: #cfe2ff;border-color: #b6d4fe;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
                         class="bi bi-exclamation-triangle-fill flex-shrink-0 mr-2" viewBox="0 0 16 16" role="img"
                         aria-label="Warning:">
                        <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
                    </svg>
                    <div>
                        No se encontraron incidencias
                    </div>
                </div>
            </div>
            <div class="myaccordion" id="accordion">

            </div>
        </div>
    </div>
@stop
@section('scripts')
    <script src="{{asset('/js/incidencias/listado_incidencias_supervisor.js')}}"></script>
@stop