@extends('ticketit::layouts.master')
@section('page', trans('ticketit::lang.show-ticket-title') . trans('ticketit::lang.colon') . $ticket->subject)
@section('page_title', $ticket->subject)

@section('ticketit_header')
<div>
    @if(! $ticket->completed_at && $close_perm == 'yes')
            {!! link_to_route($setting->grab('main_route').'.complete', trans('ticketit::lang.btn-mark-complete'), $ticket->id,
                                ['class' => 'btn btn-success']) !!}
    @elseif($ticket->completed_at && $reopen_perm == 'yes')
            {!! link_to_route($setting->grab('main_route').'.reopen', trans('ticketit::lang.reopen-ticket'), $ticket->id,
                                ['class' => 'btn btn-success']) !!}
    @endif
    @if($u->isAgent() || $u->isAdmin())
        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#ticket-edit-modal">
            {{ trans('ticketit::lang.btn-edit')  }}
        </button>
    @endif
    @if($u->isAdmin())
        @if($setting->grab('delete_modal_type') == 'builtin')
            {!! link_to_route(
                            $setting->grab('main_route').'.destroy', trans('ticketit::lang.btn-delete'), $ticket->id,
                            [
                            'class' => 'btn btn-danger deleteit',
                            'form' => "delete-ticket-$ticket->id",
                            "node" => $ticket->subject
                            ])
            !!}
        @elseif($setting->grab('delete_modal_type') == 'modal')
{{-- // OR; Modal Window: 1/2 --}}
            {!! CollectiveForm::open(array(
                    'route' => array($setting->grab('main_route').'.destroy', $ticket->id),
                    'method' => 'delete',
                    'style' => 'display:inline'
               ))
            !!}
            <button type="button"
                    class="btn btn-danger"
                    data-toggle="modal"
                    data-target="#confirmDelete"
                    data-title="{!! trans('ticketit::lang.show-ticket-modal-delete-title', ['id' => $ticket->id]) !!}"
                    data-message="{!! trans('ticketit::lang.show-ticket-modal-delete-message', ['subject' => $ticket->subject]) !!}"
             >
              {{ trans('ticketit::lang.btn-delete') }}
            </button>
        @endif
            {!! CollectiveForm::close() !!}
{{-- // END Modal Window: 1/2 --}}
    @endif
</div>
@stop

@section('ticketit_content')
    @include('ticketit::tickets.partials.ticket_body')
@endsection

@section('ticketit_extra_content')
    <h2 class="mt-5">{{ trans('ticketit::lang.comments') }}</h2>
    @include('ticketit::tickets.partials.comments')
    {{-- pagination --}}
    {!! $comments->render("pagination::bootstrap-4") !!}
    @include('ticketit::tickets.partials.comment_form')
@stop

@section('footer')
    <script>
        $(document).ready(function() {
            $( ".deleteit" ).click(function( event ) {
                event.preventDefault();
                if (confirm("{!! trans('ticketit::lang.show-ticket-js-delete') !!}" + $(this).attr("node") + " ?"))
                {
                    var form = $(this).attr("form");
                    $("#" + form).submit();
                }

            });
            $('#category_id').change(function(){
                var loadpage = "{!! route($setting->grab('main_route').'agentselectlist') !!}/" + $(this).val() + "/{{ $ticket->id }}";
                $('#agent_id').load(loadpage);
            });
            $('#confirmDelete').on('show.bs.modal', function (e) {
                $message = $(e.relatedTarget).attr('data-message');
                $(this).find('.modal-body p').text($message);
                $title = $(e.relatedTarget).attr('data-title');
                $(this).find('.modal-title').text($title);

                // Pass form reference to modal for submission on yes/ok
                var form = $(e.relatedTarget).closest('form');
                $(this).find('.modal-footer #confirm').data('form', form);
            });

            <!-- Form confirm (yes/ok) handler, submits form -->
            $('#confirmDelete').find('.modal-footer #confirm').on('click', function(){
                $(this).data('form').submit();
            });
        });
    </script>
    @include('ticketit::tickets.partials.summernote')
@append