@extends('layouts.app')

@section('pagetitle', __('Support inbox'))

@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-3">
            <div class="card bg-theme">
                <div class="card-header">
                    <h3 class="card-title">{{__('Categories')}}</h3>

                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                    class="text-theme fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body p-0">
                    <ul class="nav nav-pills flex-column">
                        @foreach(\App\Support\Category::all() as $cat)
                            <li class="nav-item active">
                                <a href="@isset($activeStat) {{route('admin.tickets.index.p2', ['category' => $cat->id,'status' => $activeStat])}} @else {{route('admin.tickets.index.p1',  $cat->id)}} @endisset"
                                   class="nav-link @if(isset($activeCat) && $cat->id == $activeCat->id) active @endif">
                                    <i class="{{$cat->icon}}"></i> {{__($cat->title)}}
                                    @if($cat->tickets()->count() != 0)
                                        <span class="badge bg-primary float-right ">{{$cat->tickets()->count()}}</span>
                                    @endif
                                </a>
                            </li>
                        @endforeach

                    </ul>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
            <div class="card bg-theme">
                <div class="card-header">
                    <h3 class="card-title">{{__('Status')}}</h3>

                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                    class="text-theme fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body p-0">
                    <ul class="nav nav-pills flex-column">
                        @foreach(\App\Support\Ticket::STATUS_NAMES as $id => $name)
                            <li class="nav-item">
                                <a href="@isset($activeCat) {{route('admin.tickets.index.p2', ['category' => $activeCat,'status' => 'st'.$id])}} @else {{route('admin.tickets.index.p1',  'st'.$id)}} @endisset"
                                   class="nav-link @if(isset($activeStat) && 'st'.$id == $activeStat) active @endif">
                                    <i class="fas fa-circle text-{{\App\Support\Ticket::STATUS_COLORS[$id]}}"></i>
                                    {{__($name)}}
                                    @if(\App\Support\Ticket::withStatus($id)->count() != 0)
                                        <span class="badge bg-primary float-right ">{{\App\Support\Ticket::withStatus($id)->count()}}</span>
                                    @endif

                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
        <div class="col-md-9">
            <div class="card card-theme card-outline">
                <div class="card-header">
                    <h3 class="card-title">{{__('Tickets')}} @isset($activeCat)
                            - {{$activeCat->title}} @endisset @isset($activeStat)
                            - {{\App\Support\Ticket::STATUS_NAMES[substr($activeStat, 2, 99)]}}@endisset </h3>
                    <!-- /.card-tools -->
                </div>
                <!-- /.card-header -->
                <div class="card-body p-0">
                    <div class="mailbox-controls">
                        <!-- /.btn-group -->

                        <div class="float-right">

                            <div class="btn-group">
                                {{$tickets->links()}}
                            </div>
                            <!-- /.btn-group -->
                        </div>
                        <!-- /.float-right -->
                    </div>
                    <div class="table-responsive mailbox-messages">
                        <table class="table table-hover table-striped">
                            <thead>
                            <tr>
                                <th class="mailbox-star">{{__('Status')}}</th>
                                <th class="mailbox-name">{{__("Client")}}</th>
                                <th class="mailbox-name">{{__("Category")}}</th>
                                <th class="mailbox-subject"><b>{{__('Subject')}}</b> - {{__('preview')}}
                                </th>
                                <th class="mailbox-attachment"></th>
                                <th class="mailbox-date">{{__('Timestamp')}}</th>
                            </tr>
                            </thead>
                            <tbody>

                            @forelse($tickets as $ticket)
                                @if($ticket->client)
                                <tr onclick="document.location = '{{route('admin.tickets.show', $ticket)}}';">
                                    <td class="mailbox-star" label="test"><i
                                                class="fas fa-circle text-{{\App\Support\Ticket::STATUS_COLORS[$ticket->status_code]}}"></i>
                                    </td>
                                    <td class="mailbox-name">{{$ticket->client->name}}</td>
                                    <td class="mailbox-name">{{$ticket->category->title}}</td>
                                    <td class="mailbox-subject"><b>{{$ticket->title}}</b> - {{$ticket->preview}}
                                    </td>
                                    <td class="mailbox-attachment"></td>
                                    <td class="mailbox-date">{{$ticket->created_at->format("d-m-Y H:i")}}</td>
                                </tr>
                                @endif
                            @empty
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                        {{__("No tickets...")}}
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                        <!-- /.table -->
                    </div>
                    <!-- /.mail-box-messages -->
                </div>
                <!-- /.card-body -->
                <div class="card-footer p-0">
                    <div class="mailbox-controls">
                        <!-- Check all button -->

                        <div class="float-right">
                        {{$tickets->links()}}
                        <!-- /.btn-group -->
                        </div>
                        <!-- /.float-right -->
                    </div>
                </div>
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
@endsection