@extends('admin.layout.panel')

@section('title')
    سیستم مدیریت تیکت ها
@endsection

@section('css')
    <style>
        .text-inherit {
            color: white !important;
        }
    </style>
@endsection

@section('content')
    <!-- Page Header -->
    <div class="page-header">
        <div>
            <h2 class="main-content-title tx-24 mg-b-5">مدیریت تیکت ها</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">داشبورد</a></li>
                @if ($department)
                    <li class="breadcrumb-item"><a href="{{ route('admin.ticket') }}">تیکت ها</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $department }}</li>
                @else
                    <li class="breadcrumb-item active" aria-current="page">تیکت ها</li>
                @endif
            </ol>
        </div>
    </div>
    <!-- End Page Header -->

    <!-- row -->
    <div class="row row-sm">
        <div class="col-xl-3 col-lg-4">
            <div class="card custom-card mail-container task-container overflow-hidden">
                <div class="">
                    <div class="card-body tab-list-items">
                        <div class="main-content-left main-content-left-mail">
                            <div class="main-mail-menu">
                                <nav class="nav main-nav-column mg-b-20">
                                    @foreach ($ticketDepartments as $ticketDepartment)
                                        @if ($ticketDepartment->title === \App\Enum\Departments::PUBLIC)
                                            @can(\App\Enum\Permissions::WEB_ACCESS_PUBLIC_DEPARTMENT)
                                                <a class="nav-link @if ($ticketDepartment->title == $department) text-success @endif"
                                                    href="{{ route('admin.ticket') }}?department={{ $ticketDepartment->title }}&user={{ $user }}&ticket_title={{ $ticket_title }}&status={{ $status }}">
                                                    <i
                                                        class="fe fe-check-circle @if ($ticketDepartment->title == $department) text-success @endif"></i>
                                                    {{ $ticketDepartment->title }}
                                                </a>
                                            @endcan
                                        @endif
                                        @if ($ticketDepartment->title === \App\Enum\Departments::FINANCE)
                                            @can(\App\Enum\Permissions::WEB_ACCESS_FINANCE_DEPARTMENT)
                                                <a class="nav-link @if ($ticketDepartment->title == $department) text-success @endif"
                                                    href="{{ route('admin.ticket') }}?department={{ $ticketDepartment->title }}&user={{ $user }}&ticket_title={{ $ticket_title }}&status={{ $status }}">
                                                    <i
                                                        class="fe fe-check-circle @if ($ticketDepartment->title == $department) text-success @endif"></i>
                                                    {{ $ticketDepartment->title }}
                                                </a>
                                            @endcan
                                        @endif
                                        @if ($ticketDepartment->title === \App\Enum\Departments::TECHNICAL_PROBLEM)
                                            @can(\App\Enum\Permissions::WEB_ACCESS_TECHNICAL_PROBLEM_DEPARTMENT)
                                                <a class="nav-link @if ($ticketDepartment->title == $department) text-success @endif"
                                                    href="{{ route('admin.ticket') }}?department={{ $ticketDepartment->title }}&user={{ $user }}&ticket_title={{ $ticket_title }}&status={{ $status }}">
                                                    <i
                                                        class="fe fe-check-circle @if ($ticketDepartment->title == $department) text-success @endif"></i>
                                                    {{ $ticketDepartment->title }}
                                                </a>
                                            @endcan
                                        @endif
                                    @endforeach
                                </nav>
                            </div><!-- main-mail-menu -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-9 col-lg-8  main-content-body-mail1">
            <div class="card custom-card mail-container task-container overflow-hidden">
                <div class="inbox-body p-4">
                    <div class="mail-option">
                        <div class="border-0">
                            <form action="{{ route('admin.ticket') }}" method="GET">
                                <div class="input-group">
                                    <input type="hidden" name="department" value="{{ $department }}">
                                    <input class="form-control" type="text" name="user" placeholder="نام کاربر"
                                        value="{{ $user }}">
                                    <input class="form-control" type="text" name="ticket_title" placeholder="عنوان تیکت"
                                        value="{{ $ticket_title }}">
                                    <div class="input-group-prepend">
                                        <select name="status" class="form-control">
                                            <option value="">همه وضعیت ها</option>
                                            @foreach ($ticketStatuses as $ticketStatus)
                                                <option value="{{ $ticketStatus->id }}"
                                                    @if ($ticketStatus->id == $status) selected @endif>
                                                    {{ $ticketStatus->title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <button class="btn btn-primary" type="submit">
                                        <span class="fa fa-search"></span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-inbox text-md-nowrap table-hover text-nowrap">
                            <thead>
                                <tr>
                                    @can(\App\Enum\Permissions::WEB_CHANGE_ADMIN_TICKET)
                                        <th class="text-center">تغییر مدیر</th>
                                    @endcan
                                    <th class="text-center">نام مدیر</th>
                                    <th class="text-center">نام کاربر</th>
                                    <th class="text-center">شماره تماس</th>
                                    <th class="text-center">پست الکترونیک</th>
                                    <th class="text-center">عنوان</th>
                                    <th class="text-center">دپارتمان</th>
                                    <th class="text-center">وضعیت</th>
                                    <th class="text-center">تاریخ و زمان</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($tickets as $ticket)
                                    <tr class="">
                                        @can(\App\Enum\Permissions::WEB_CHANGE_ADMIN_TICKET)
                                            <td class="text-center view-message dont-show font-weight-semibold">
                                                <a class="btn btn-warning d-inline-flex justify-content-center align-items-lg-center"
                                                    data-effect="effect-scale" data-toggle="modal"
                                                    href="#modalAdmin{{ $ticket->id }}">
                                                    <i class="fa fa-shield-alt" data-toggle="tooltip" title=""
                                                        data-original-title="تغییر مدیر"></i>
                                                </a>
                                                <div class="modal text-right" id="modalAdmin{{ $ticket->id }}">
                                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                                        <div class="modal-content modal-content-demo">
                                                            <div class="modal-header">
                                                                <h6 class="modal-title">تغییر مدیر</h6><button aria-label="بستن"
                                                                    class="close" data-dismiss="modal" type="button"><span
                                                                        aria-hidden="true">×</span></button>
                                                            </div>
                                                            <form action="{{ route('admin.changeAdminTicket', $ticket->id) }}"
                                                                method="POST">
                                                                @csrf
                                                                <div class="modal-body">
                                                                    <h6>فرم مدیر رسیدگی به تیکت</h6>
                                                                    <select class="form-control select2" name="admin">
                                                                        <option value=""></option>
                                                                        @foreach ($admins as $admin)
                                                                            <option value="{{ $admin->id }}"
                                                                                @if ($admin->id == $ticket->admin_id) selected @endif>
                                                                                {{ $admin->first_name }} {{ $admin->last_name }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button class="btn ripple btn-primary"
                                                                        type="submit">ویرایش</button>
                                                                    <button class="btn ripple btn-secondary"
                                                                        data-dismiss="modal" type="button">لغو</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        @endcan
                                        <td class="text-center view-message dont-show font-weight-semibold">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">
                                                {{ $ticket->admin->first_name }} {{ $ticket->admin->last_name }}
                                            </a>
                                        </td>
                                        <td class="text-center view-message dont-show font-weight-semibold">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">
                                                {{ $ticket->user->username ?? 'نامعلوم' }}
                                            </a>
                                        </td>
                                        <td class="text-center view-message dont-show font-weight-semibold">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">
                                                {{ $ticket->user->phone ?? 'نامعلوم' }}
                                            </a>
                                        </td>
                                        <td class="text-center view-message dont-show font-weight-semibold">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">
                                                {{ $ticket->user->email ?? 'نامعلوم' }}
                                            </a>
                                        </td>
                                        <td class="text-center view-message dont-show font-weight-semibold">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">
                                                {{ $ticket->title }}
                                            </a>
                                        </td>
                                        <td class="text-center view-message dont-show font-weight-semibold">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">{{ $ticket->ticketDepartment->title }}</a>
                                        </td>
                                        <td class="text-center view-message">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">
                                                @if ($ticket->ticket_status_id == 1)
                                                    <span
                                                        class="badge badge-success">{{ $ticket->ticketStatus->title }}</span>
                                                @elseif ($ticket->ticket_status_id == 2)
                                                    <span
                                                        class="badge badge-light">{{ $ticket->ticketStatus->title }}</span>
                                                @elseif ($ticket->ticket_status_id == 3)
                                                    <span
                                                        class="badge badge-danger">{{ $ticket->ticketStatus->title }}</span>
                                                @else
                                                    <span
                                                        class="badge badge-info">{{ $ticket->ticketStatus->title }}</span>
                                                @endif
                                            </a>
                                        </td>
                                        <td class="text-center view-message font-weight-semibold">
                                            <a class="text-inherit"
                                                href="{{ route('admin.detailTicket', $ticket->id) }}">
                                                {{ \App\Modules\Convertor::datetime_gregorianToJalali($ticket->updated_at) }}
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="d-flex justify-content-end align-items-center mt-2">
                        <x-pagination-bootstrap :currentPage="$current_page" :lastPage="$last_page" link="{{ route('admin.ticket') }}" />
                    </div>
                </div>
                <!-- mail-content -->
            </div>
        </div>
    </div>
    <!-- /row -->
@endsection

@section('js')
    <!-- Internal Check-all-mail js-->
    <script src="{{ asset('assets/js/check-all-mail.js') }}"></script>
    <!-- Internal Jquery-Ui js-->
    <script src="{{ asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>

    <!-- Internal Jquery.maskedinput js-->
    <script src="{{ asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>

    <!-- Internal Specturm-colorpicker js-->
    <script src="{{ asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>

    <!-- Internal Form-elements js-->
    <script src="{{ asset('assets/js/form-elements.js') }}"></script>
    <!-- Internal Select2 js-->
    <script src="{{ asset('assets/js/select2.js') }}"></script>
@endsection