@extends('layouts.sidebar-secondary')

@section('sidebar-title', 'Tickets')

@section('sidebar-content')
    @can('access','ticket.tickets.create')
        <x-sidebar.button
            :url="route('ticket.tickets.create', ['type' => 1])"
            color="bg-indigo-400"
        >
            Nuevo Ticket
        </x-sidebar.button>
        <x-sidebar.button
            :url="route('ticket.tickets.create', ['type' => 2])"
            color="bg-purple"
        >
            Nuevo Reclamo
        </x-sidebar.button>
    @endcan
    <x-sidebar.nav>
        <x-sidebar.header>Tickets</x-sidebar.header>
        @can('access','ticket.tickets.index')
            <x-sidebar.item
                :is-active="request()->routeIs('ticket.tickets.index') && request('f') === 'pending'"
                :url="route('ticket.tickets.index', ['f' => 'pending'])"
                icon="mi-assignment-late"
                title="Pendientes"
            >
                Pendientes
            </x-sidebar.item>
            <x-sidebar.item
                :is-active="request()->routeIs('ticket.tickets.index') && request('f') === 'resolved'"
                :url="route('ticket.tickets.index', ['f' => 'resolved'])"
                icon="mi-assignment-turned-in"
                title="Resueltos"
            >
                Resueltos
            </x-sidebar.item>
            <x-sidebar.item
                :is-active="request()->routeIs('ticket.tickets.index') && request('f') === 'created'"
                :url="route('ticket.tickets.index', ['f' => 'created'])"
                icon="mi-assignment-ind"
                title="Creados por Mí"
            >
                Creados por M&iacute;
            </x-sidebar.item>
            <x-sidebar.item
                :is-active="request()->routeIs('ticket.tickets.index') && request('f') === 'all'"
                :url="route('ticket.tickets.index', ['f' => 'all'])"
                icon="mi-assignment"
                title="Creados por Mí"
            >
                Todos
            </x-sidebar.item>
        @endcan

        <x-sidebar.header>Ajustes</x-sidebar.header>
        @can('access', 'ticket.procedures.index')
            <x-sidebar.item
                :is-active="request()->routeIs('ticket.procedures.*')"
                :url="route('ticket.procedures.index')"
                icon="icon-file-check"
                title="Tipos de trámites"
            >
                Tipos de tr&aacute;mites
            </x-sidebar.item>
        @endcan
        @can('access', 'ticket.problems.index')
            <x-sidebar.item
                :is-active="request()->routeIs('ticket.problems.*')"
                :url="route('ticket.problems.index')"
                icon="mi-bug-report"
                title="Problemáticas"
            >
                Problem&aacute;ticas
            </x-sidebar.item>
        @endcan
    </x-sidebar.nav>
@endsection