@extends('admin.layout.panel')

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

@section('css')
    <!-- InternalFileupload css-->
    <link href="{{ asset('assets/plugins/fileuploads/css/fileupload.css') }}" rel="stylesheet" type="text/css" />

    <!-- InternalFancy uploader css-->
    <link href="{{ asset('assets/plugins/fancyuploder/fancy_fileupload.css') }}" rel="stylesheet" />
    <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>
                <li class="breadcrumb-item"><a href="{{ route('admin.ticket') }}">تیکت ها</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $ticket->title }}</li>
            </ol>
        </div>

    </div>
    <!-- End Page Header -->

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-4 col-xl-3 col-md-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="">
                        <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 == $ticket->ticketDepartment->title) text-success @endif"
                                                href="{{ route('admin.ticket') }}?department={{ $ticketDepartment->title }}&user=&ticket_title=&status=">
                                                <i
                                                    class="fe fe-check-circle @if ($ticketDepartment->title == $ticket->ticketDepartment->title) text-success @endif"></i>
                                                {{ $ticketDepartment->title }}
                                                <span>{{ $ticketDepartment->tickets->count() }}</span>
                                            </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 == $ticket->ticketDepartment->title) text-success @endif"
                                                href="{{ route('admin.ticket') }}?department={{ $ticketDepartment->title }}&user=&ticket_title=&status=">
                                                <i
                                                    class="fe fe-check-circle @if ($ticketDepartment->title == $ticket->ticketDepartment->title) text-success @endif"></i>
                                                {{ $ticketDepartment->title }}
                                                <span>{{ $ticketDepartment->tickets->count() }}</span>
                                            </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 == $ticket->ticketDepartment->title) text-success @endif"
                                                href="{{ route('admin.ticket') }}?department={{ $ticketDepartment->title }}&user=&ticket_title=&status=">
                                                <i
                                                    class="fe fe-check-circle @if ($ticketDepartment->title == $ticket->ticketDepartment->title) text-success @endif"></i>
                                                {{ $ticketDepartment->title }}
                                                <span>{{ $ticketDepartment->tickets->count() }}</span>
                                            </a>
                                        @endcan
                                    @endif
                                @endforeach
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8 col-xl-9 col-md-12">
            <div class="card custom-card">
                <div class="mx-5 mt-4 d-lg-flex">
                    <h3>{{ $ticket->title }}</h3>
                </div>
                <hr>
                @foreach ($ticket->ticketData as $ticketData)
                    <div class="card-body h-100 row">
                        @if ($ticketData->admin_id)
                            <section class="col-sm-6"></section>
                        @endif
                        <section class="col-sm-6">
                            <div class="email-media">
                                <div class="media mt-0">
                                    <div class="main-img-user avatar-md ml-3 online">
                                        @if ($ticketData->admin_id)
                                            <img alt="آواتار" class="rounded-circle"
                                                src="{{ asset('assets/img/users/admin.png') }}">
                                        @else
                                            <img alt="آواتار" class="rounded-circle"
                                                src="{{ asset('assets/img/users/avatar.png') }}">
                                        @endif
                                    </div>
                                    <div class="media-body tx-inverse">
                                        <div class="float-left d-none d-md-flex fs-15">
                                            <small class="mr-2">{{ \App\Modules\Convertor::datetime_gregorianToJalali($ticket->created_at) }}</small>
                                        </div>
                                        @if ($ticketData->admin_id)
                                            <div class="media-title font-weight-semiblod"><span
                                                    class="tx-18 font-weight-bold">{{ $ticketData->admin->first_name }}
                                                    {{ $ticketData->admin->last_name }}</span>
                                                <p class="mb-0 text-muted">{{ $ticketData->admin->email }} </p>
                                                <small class="mr-2 d-md-none">{{ $ticketData->updated_at }}</small>
                                            </div>
                                        @else
                                            <div class="media-title font-weight-semiblod"><span
                                                    class="tx-18 font-weight-bold">{{ $ticket->user->username ?? 'نامعلوم' }}</span>
                                                <p class="mb-0 text-muted">{{ $ticket->user->email ?? $ticket->user->phone }} </p>
                                                <small class="mr-2 d-md-none">{{ $ticket->updated_at }}</small>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="eamil-body">
                                <p>{{ $ticketData->message }}</p>
                                @can(\App\Enum\Permissions::WEB_DOWNLOAD_FILE_TICKET)
                                    @if ($ticketData->file_path)
                                        <div class="email-attch">
                                            <div class="float-left">
                                                <a href="{{ route('admin.downloadTicketData', $ticketData->id) }}"><i
                                                        class="fa fa-download text-dark" data-toggle="tooltip" title=""
                                                        data-original-title="دانلود"></i></a>
                                            </div>
                                            <p>1 پیوست</p>
                                        </div>
                                    @endif
                                @endcan
                                <hr>
                            </div>
                        </section>
                        @if ($ticketData->user_id)
                            <section class="col-sm-6"></section>
                        @endif
                    </div>
                @endforeach
                <div class="card-footer">
                    @if ($ticket->ticket_status_id == 1 || $ticket->ticket_status_id == 2)
                        <a class="btn ripple btn-primary mt-1 mb-1" data-effect="effect-scale" data-toggle="modal"
                            href="#modalReply"><i class="fa fa-reply"></i> پاسخ</a>
                        <div class="modal text-right" id="modalReply">
                            <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.adminReplyTicket', $ticket->id) }}" method="POST"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="modal-body">
                                            <h6 class="mb-4">فرم پاسخ</h6>
                                            <textarea class="form-control mb-4" name="message" rows="10" placeholder="پیام خود را بنویسید">{{ old('message') }}</textarea>
                                            <div class="row mb-2">
                                                <div class="col-sm-12">
                                                    <input type="file" class="dropify" data-height="200"
                                                        name="attach_file">
                                                </div>
                                            </div>
                                        </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>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <!-- End 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>

    <!-- Internal Fileuploads js-->
    <script src="{{ asset('assets/plugins/fileuploads/js/fileupload.js') }}"></script>
    <script src="{{ asset('assets/plugins/fileuploads/js/file-upload.js') }}"></script>

    <!-- InternalFancy uploader js-->
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.ui.widget.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.fileupload.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.iframe-transport.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.fancy-fileupload.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/fancy-uploader.js') }}"></script>
@endsection