@extends('layouts.admin')

@section('page-title',  $ticket['subject'])

@section('content')
<div class="content">

    @include('partials.messages')

    <div class="row">
        <div class="col-12">
            <div class="card ticket-card">
                <div class="card-body">
                    <ul class="nav nav-tabs nav-tabs-bottom">
                        <li class="nav-item">
                            <a href="#tab-add" class="nav-link @if(empty(Request::query('tab')))active @endif"
                                                data-toggle="tab">@lang('crm.ticket_single_add_reply')</a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab-settings" class="nav-link @if(Request::query('tab') == 'settings')show active @endif"
                                                data-toggle="tab">@lang('crm.ticket_single_settings')
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content mb-3">
                        <div class="row">
                            <div class="col-md-8">
                                <h3 class="float-left">
                                        <span id="ticket_subject">
                                           # {{ $ticket->ticketid }} -  {{$ticket->subject}}
                                        </span>
                                </h3>
                                <span class='badge badge-flat s-status float-left ml-3 mt-1' style='font-size:12px;padding:6px 15px;
                                        border-color:{{$ticket->status->statuscolor}};color:{{$ticket->status->statuscolor}}'>
                                        {{ $ticket->status->name }}
                                    </span>
                            </div>
                            <div class="col-md-4">
                                <div style="width: 150px; float: right">
                                    <select class="form-control select" id="status_top" name="status_top" data-fouc>
                                        @foreach($statuses as $status)
                                            <option value="{{ $status['ticketstatusid'] }}"
                                            @if($status['ticketstatusid'] == $ticket['status']['ticketstatusid']) selected @endif>{{ $status['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-12">
                                <a href="{{ route('admin.tickets.delete', $ticket->ticketid) }}"
                                   class="btn btn-danger btn-circle" data-method='DELETE' data-confirm-text='Are you sure to delete this ticket?'>
                                    <i class="icon-cross"></i>
                                </a>
                                @if(!empty($ticket->priority))
                                    <span class="badge badge-flat border-grey s-status ml-2 inline-block" style="font-size:12px;padding:6px 15px">{{ trans_ex('crm.ticket_single_priority', [$ticket->priority->name])}}</span>
                                @endif
                                @if(!empty($ticket->service))
                                    <span class="badge badge-flat border-grey s-status ml-2 inline-block" style="font-size:12px;padding:6px 15px">{{ trans('crm.service').' : '.$ticket->service->name}}</span>
                                @endif
                                @if(!empty($ticket->department))
                                    <span class="badge badge-flat border-grey s-status ml-2 inline-block" style="font-size:12px;padding:6px 15px">{{ trans('crm.department') . ' : ' .$ticket->department->name}}</span>
                                @endif
                                @if(!empty($ticket->assigned != 0))
                                    <span class="badge badge-flat border-grey s-status ml-2 inline-block" style="font-size:12px;padding:6px 15px">{{ trans('crm.ticket_assigned') . ' : ' . get_staff_full_name($ticket->ticket_assigned)}}</span>
                                @endif
                                @if(!is_null($ticket->lastreply))
                                    <span class="badge badge-flat border-grey s-status ml-2 inline-block" style="font-size:12px;padding:6px 15px"
                                          data-popup="tooltip" title="{{ local_date_format($ticket->lastreply) }}">{{ trans_ex('crm.ticket_single_last_reply', [time_ago($ticket->lastreply)])}}</span>
                                @endif
                            </div>
                        </div>
                        <div class="tab-pane fade @if(empty(Request::query('tab')))show active @endif" id="tab-add">
                            {!! Form::open(['route' => 'admin.tickets.reply', 'id' => 'single-ticket-form', 'method' => 'POST', 'files' => true, 'class' => 'disable-block']) !!}
                                @include('admin.ticket.partials.reply')
                            {!! Form::close() !!}
                        </div>
                        <div class="tab-pane fade @if(Request::query('tab') == 'settings')show active @endif" id="tab-settings">
                            {!! Form::open(['route' => 'admin.tickets.setting', 'id' => 'setting-ticket-form', 'method' => 'POST', 'files' => false, 'class' => 'disable-block']) !!}
                                @include('admin.ticket.partials.setting')
                            {!! Form::close() !!}
                        </div>
                    </div>

                    @include('admin.ticket.partials.tickets')
                    @include('admin.ticket.partials.edit_ticket')
                </div>
            </div>
        </div>
    </div>
</div>
@stop


@section('scripts')
    {!! JsValidator::formRequest('CRM\Http\Requests\Tickets\CreateReplyRequest', '#single-ticket-form') !!}

    {!! HTML::script('assets/template/js/plugins/uploaders/fileinput/plugins/purify.min.js') !!}
    {!! HTML::script('assets/template/js/plugins/uploaders/fileinput/plugins/sortable.min.js') !!}
    {!! HTML::script('assets/template/js/plugins/uploaders/fileinput/fileinput.min.js') !!}


    {!! HTML::script('assets/js/as/tickets.js') !!}

    <script>
        $('.file-input').fileinput({
            browseLabel: 'Browse',
            maxFilesNum: 10,
            maxFileSize: {{ file_upload_max_size() }},
            allowedFileExtensions: {!!  json_encode(explode(',', str_replace('.', '', get_option('ticket_attachments_file_extensions'))))  !!},
            initialPreview: [],
            browseIcon: '<i class="icon-file-plus mr-2"></i>',
            uploadIcon: '<i class="icon-file-upload2 mr-2"></i>',
            removeIcon: '<i class="icon-cross2 font-size-base mr-2"></i>',
            fileActionSettings: fileActionSettings,
            layoutTemplates: {
                icon: '<i class="icon-file-check"></i>',
                modal: modalTemplate
            },
            initialCaption: 'No file selected',
            previewZoomButtonClasses: previewZoomButtonClasses,
            previewZoomButtonIcons: previewZoomButtonIcons
        });
    </script>
@stop