@extends('layouts.app')

@section('content')


<div class="container-fluid">

<h5 class="title">Listado de tickets</h5>

@if(session()->get('mensaje'))
    <div class="alert alert-success">{{ session()->get('mensaje') }}</div>
@endif

@include('layouts.tickets-nav')

<div class="form-group form-inline filter-group">    
    <input type="text" value="{{ $busquedad }}" id="searchinput" onkeyup="addsearch(this,'search')" class="form-control" placeholder="Buscar..." style="border-top-right-radius:0px;border-bottom-right-radius:0px;">
    
    @if($busquedad)
    <button onclick="destroysearch()" type="button" class="input-group-text" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:0">
        <span><i class="fa fa-times"></i></span>
    </button>
    @else
    <button onclick="addfilter('#searchinput','search')" type="button" class="input-group-text" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:0">
        <span><i class="fa fa-search"></i></span>
    </button>
    @endif

    <select onchange="addfilter(this,'area')" class="custom-select">
        <option {{ $area_actual == 'todas' ? 'selected' : '' }} value="todas">Todas las areas</option>
        @foreach($areas as $area)
            <option {{ $area_actual == $area->id ? 'selected' : '' }} value="{{ $area->id }}">{{ $area->area_nombre }}</option>
        @endforeach
    </select>
    
    <select onchange="addfilter(this,'empresa')" class="custom-select">
        <option {{ $empresa_actual == 'todas' ? 'selected' : '' }} value="todas">Todas las empresa</option>
        @foreach($empresas as $empresa)
            <option {{ $empresa_actual == $empresa->id ? 'selected' : '' }} value="{{ $empresa->id }}">{{ $empresa->empresa_nombre }}</option>
        @endforeach
    </select>

    <select onchange="addfilter(this,'pais')" class="form-control">
        <option {{ $pais_actual == 'todas' ? 'selected' : '' }} value="todos">Todos los paises</option>
        @foreach($paises as $pais)
            <option {{ $pais_actual == $pais->id ? 'selected' : '' }} value="{{ $pais->id }}">{{ $pais->nombre }}</option>
        @endforeach
    </select>

    <div class="custom-control custom-switch ">
        <input onchange="addfilter(this,'team')" {{ $team == 'on' ? 'checked value=off ' : '' }} type="checkbox" class="custom-control-input" id="switch1">
        <label class="custom-control-label" for="switch1">Ver tickets de mi equipo</label>
    </div>

    <div class="custom-control custom-switch ">
        <input onchange="addfilter(this,'pendientes')" {{ $pendientes == 'on' ? 'checked value=off ' : '' }} type="checkbox" class="custom-control-input" id="switch2">
        <label class="custom-control-label" for="switch2">Ver pendientes</label>
    </div>

</div>


<table class="table table-hover table-cursor-pointer table-td-relative">
    <thead>    
        <tr>
            <th>#</th>
            <th>Área</th>
            <th>Asunto</th>
            <th>Autor</th>
            <th>Empresa</th>
            <th>Gestor</th>
            <th class="text-center">Estado</th>
            <th style="padding-left:2rem;">Creado</th>
            <th>Actualizado</th>
            <!-- <th></th>
            <th></th> -->
        </tr>
    </thead>
    <tbody>
        @foreach($tickets as $ticket)
        <tr>
            <td style="width:2%;">
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a>    
                <span class="badge">{{ $ticket->id }}</span>
            </td>
            <td style="width:12%;">
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a>     
                <span class="badge badge-vacio">{{ $ticket->area_nombre }}</span>
            </td>
            <td>
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a> 
                @if($ticket->subarea_nombre == '')
                    Otro
                @else
                    {{ $ticket->subarea_nombre }}
                @endif
                @if($ticket->new == 1)
                    <span class="badge badge-warning">Nuevo</span>
                @endif
            </td>
            <td>
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a> 
                {{ $ticket->name }}
            </td>
            <td>
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a> 
                <img style="height: 1rem;margin: 0px 0.1rem 0.2rem 0px;" src="{{ asset('uploads/flags/'.$ticket->bandera) }}" /> {{ $ticket->empresa_nombre }}
            </td>
            <td style="width:150px;">
                {{ $ticket->gestor_nombre }}
            </td>
            <td style="width:7%" class="text-center">
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a> 
                @if($ticket->estado == 0)
                    <span class="badge badge-vacio btn-block">Pendiente</span>
                @elseif($ticket->estado == 1)
                    <span class="badge badge-secondary btn-block">Autorizando</span>
                @elseif($ticket->estado == 2)
                    <span class="badge badge-dark btn-block">En curso</span>
                @elseif($ticket->estado == 3)
                    <span class="badge badge-success btn-block">Finalizado</span>
                @elseif($ticket->estado == 4)
                    <span class="badge badge-danger btn-block">Rechazado</span>
                @endif
            </td>
            <td style="padding-left:2rem;width:160px;">
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a> 
                {{ Carbon::parse($ticket->created_at)->diffForHumans() }}
            </td>
            <td style="width:150px">
                <a class="tdlink" href="{{ url('tickets') . '/' . $ticket->id }}" ></a> 
                {{ Carbon::parse($ticket->updated_at)->diffForHumans() }}
            </td>
            <!-- <td style="width:3rem;">
                <span class="nav-item dropdown">
                    <a class="text-dark dropdown-toggle" href="#" data-toggle="dropdown" style="background:transparent;"></a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a class="dropdown-item" href="#">Asignar</a>
                        <a class="dropdown-item" href="#">Cambiar area</a>
                        <a class="dropdown-item" href="#">Rechazar</a>
                    </div>
                </span>
            </td>
            <td style="width:2rem;">
                <div class="custom-control custom-checkbox" style="margin:0;padding:0;cursor:pointer;">
                    <input type="checkbox" class="custom-control-input" id="chk{{ $ticket->id }}">
                    <label class="custom-control-label" for="chk{{ $ticket->id }}"></label>
                </div>
            </td> -->
        </tr>
        @endforeach
        <tr style="background:transparent;cursor:default">
            <td colspan="9">{{ $tickets->appends(request()->except('page'))->render() }}</td>
        </tr>
    </tbody>
</table>




</div>
@endsection