@extends('layouts.base')

@include('ticket::sidebar')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/jquery.fancybox.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/timeline.css') }}">
    <style>
        .pdfobject-container {
            height: 75vh;
        }
    </style>
@endpush

@section('breadcrumb')
    <a href="{{ route('admin.home') }}" class="breadcrumb-item">
        <i class="icon-home2 mr-2"></i>
        Inicio
    </a>
    <span class="breadcrumb-item active">
        Administraci&oacute;n de Tickets
    </span>
@endsection

@section('content')
    @include('ticket::tickets.partials.show.cover')

    <div class="row">
        <div class="col-sm-3">
            @if (! $ticket->resolved_at && auth()->user()->belongsToDepartment($ticket->latestMove->department_id))
                @include('ticket::tickets.partials.show.message')
                @include('ticket::tickets.partials.show.move')
                @include('ticket::tickets.partials.show.resolve')
            @endif
        </div>
        <div class="col-sm-9">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title font-weight-semibold">
                        Historial
                    </h5>
                </div>
                <div class="card-body">
                    @include('ticket::tickets.partials.show.timeline')
                </div>
            </div>
        </div>
    </div>

    <div id="pdfPreviewModal" class="modal fade show" tabindex="-1">
        <div class="modal-dialog modal-full">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Viendo documento</h5>
                    <button class="close" type="button" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <div id="pdfPreview"></div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('js/jquery.fancybox.min.js') }}"></script>
    <script src="{{ asset('js/pdfobject.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            $(".pdfPreview").click(function (e) {
                if (PDFObject.supportsPDFs) {
                    $('#pdfPreviewModal').modal();
                    PDFObject.embed($(this).attr('data-url'), "#pdfPreview");
                } else {
                    swal({
                        title: 'Navegador incompatible',
                        text: 'No es posible mostrar el documento',
                        icon: 'error',
                    });
                }
            });
        });
    </script>
@endpush