@extends('layouts.app')

@section('head')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet" />
@endsection

@section('breadcrumb')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-primary">@lang('Show Ticket') #{{ $ticket->id }}</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('tickets.index') }}">@lang('Tickets')</a></li>
            <li class="breadcrumb-item active">@lang('Show')</li>
        </ol>
    </div>
</div>
@endsection

@push('modals')
    <!-- Modal -->
    <div class="modal" id="agent_status" tabindex="-1" role="dialog" aria-labelledby="agent_status" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Статус - решено. Что сделано?</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <form id="agent_status_form" action="{{ route('tickets.set_ticket_agent_status', ['ticket'=>$ticket->id]) }}" method="post">
                        @csrf
                        <input type="hidden" value="2" name="status">

                        <div class="form-group">
                            <label for="message-text" class="col-form-label">Сообщение:</label>
                            <textarea class="form-control" name="message" id="message-text"></textarea>
                        </div>
                    </form>
                    <p class="text-secondary">Приватное сообщение. Увидят только сотрудники</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
                    <button type="button" class="btn btn-primary" onclick="$('#agent_status_form').submit()">Отправить</button>
                </div>
            </div>
        </div>
    </div>

    @push('scripts')
        <script>
            $(function () {
                $('#filterTicketsModal').on('shown.bs.modal', function (e) {
                    // $('#filterTicketsModal select').select2();
                })
            });
        </script>
    @endpush
@endpush

@section('content')
    @if ($success_message = Session::get('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <p>{{ $success_message }}</p>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if ($notify_message = Session::get('notify'))
        <div class="alert alert-warning alert-dismissible fade show">
            <p>{{ $notify_message }}</p>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <strong>@lang('Whoops!')</strong> @lang('There were some problems with your input.')<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if($isResponsable || $agentsWithStatuses->isNotEmpty())
        <div class="card" id="agent_statuses_container" {{ $isResponsable ? '' : 'style="display:none;"' }}>
            <div class="card-body">
                <h3>Статус работы ответственных сотрудников над тикетом</h3>
                @if(!$myTicketStatus && $isResponsable)
                    <form action="{{ route('tickets.set_ticket_agent_status', ['ticket'=>$ticket->id]) }}" method="post" class="mt-1 mb-2">
                        @csrf
                        <input type="hidden" value="1" name="status">
                        <button class="btn btn-sm btn-info">принять в работу</button>
                    </form>
                @endif
                @if($agentsWithStatuses->isNotEmpty())
                    <ul class="list-group">
                        @foreach($agentsWithStatuses as $agentsWithStatus)
                            <li class="list-group-item">
                                @if($agentsWithStatus->pivot->user_id == Auth::user()->id) <strong> @endif
                                    {{ $agentsWithStatus->name }} ({{ $agentsWithStatus->email }}) -
                                @if($agentsWithStatus->pivot->user_id == Auth::user()->id) </strong> @endif

                                @if($agentsWithStatus->pivot->status)
                                    <span class="text-danger">принял в работу</span> ({{ $agentsWithStatus->pivot->created_at }});
                                    @if($agentsWithStatus->pivot->user_id == Auth::user()->id && $agentsWithStatus->pivot->status == 1)
                                        <button class="btn btn-sm btn-success" data-toggle="modal" data-target="#agent_status">решил</button>
                                    @endif
                                @endif
                                @if($agentsWithStatus->pivot->status == 2)
                                    <span class="text-primary">решил</span> ({{ $agentsWithStatus->pivot->updated_at }});
                                @endif
                            </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        </div>
    @endif

    <div class="row">
        <div class="col-12">{{-- order-2 col-xl-8 order-xl-1--}}
            @include('tickets.show.main')
        </div>
        {{--
        <div class="col-12 order-1 col-xl-4 order-xl-2">
            @include('tickets.show.right')
        </div>
        --}}
    </div>
@endsection