@php
use App\Helpers\Helper;
use Request as Input;
use Carbon\Carbon;
@endphp

@extends('layouts.master')
@section('title', 'Ticket Details')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('admin.errors.error')
        
        @section('breadcrumbs')
        <nav aria-label="breadcrumb" class="d-flex custom-breadcrumbs flex-sm-nowrap flex-wrap ">
            <ol class="breadcrumb mb-0 me-1">
                <li class="breadcrumb-item">
                     <a href="{{ route('admin.ticket.index') }}">Tickets</a>
                </li>
                <li class="breadcrumb-item active">
                     Ticket Details
                </li>

            </ol>
        </nav>
        @endsection
        
        <div class="">
            <div class="row gy-4">
                <div class="col-6 col-lg-6 col-md-5">
                    <div class="row gy-3">
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Details</p>
                                    <div class="info-container">
                                        <ul class="list-unstyled">
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Ticket No. </span>
                                                <span>#{{ $ticket->sequence_no }}</span>
                                            </li>
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Contact Name :</span>
                                                <span>{{ isset($ticket->getContactData->full_name)?$ticket->getContactData->full_name:'' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Assigned To:</span>
                                                <span>{{ isset($ticket->getAssignName->ownerName)?$ticket->getAssignName->ownerName:'' }}</span>
                                            </li>
                                            <hr>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Call Notes / Reason for the Call - Add Detailed Notes </span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span>{{ $ticket->question2_answer}}</span>
                                            </li>
                                            <hr>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Did you help them fully about what they called about?</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span>{!! Helper::displayTicketAnswer($ticket->answer_type) !!}</span>
                                            </li>
                                            <hr>
                                            @if($ticket->answer_type == config('const.yesAnswerInt'))
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">How did you help them, what did you do for them?</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span>{{ $ticket->question3_yes_answer }}</span>
                                            </li>
                                            <hr>
                                            @else
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Reason for creating ticket?</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span>{{ $ticket->question3_no_answer1}}</span>
                                            </li>
                                            <hr>
<!--                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">How are you helping them address their concern?</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span>{{ $ticket->question3_no_answer2 }}</span>
                                            </li>
                                            <hr>-->

                                            @endif
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Created By:</span>
                                                <span>{{ isset($ticket->getCreatedByName) ? $ticket->getCreatedByName->first_name.' '.$ticket->getCreatedByName->last_name : '-' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Updated By:</span>
                                                <span>{{  isset($ticket->getUpdatedByName) ?  $ticket->getUpdatedByName->first_name.' '.$ticket->getUpdatedByName->last_name : '-' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Status:</span>
                                                {!! Helper::displayTicketStatus($ticket->status) !!}
                                            </li>
                                        </ul>
                                         
                                        <div class="d-flex justify-content-center">
                                            @if (auth()->user()->can('update-ticket') && auth()->user()->roles[0]->id !== config('const.roleSuperAdmin'))
                                            <a href="{{ route('admin.ticket.edit', $ticket) }}" class="btn btn-primary me-2 btn-sm"><i
                                                    class="tf-icons ti ti-edit pb-1"></i> Edit</a>
                                            @endif  
                                            <a href="{{route('admin.ticket.index')}}" class="btn btn-primary flex-grow-1 flex-sm-grow-0 mt-sm-0 mt-1"><i class="fa-solid fa-arrow-left"></i> &nbsp; Back</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        {{-- <div class="col-12">
                            <!-- User Card -->
                            <div class="card">
                                <div class="card-body">
                                    <p class="mt-4 small text-uppercase text-muted">Attachments</p>
                                    <div class="info-container">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>File Name</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /User Card -->
                        </div> --}}
                    </div>
                </div>
                <div class="col-6 col-lg-6 col-md-5">
                    <div class="row">
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card mb-4">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Comment</p>
                                    <div class="info-container">
                                        {!! Form::open([
                                            'route' => ['admin.ticket.add-comment'],
                                            'id' => 'addcomment',
                                            'name' => 'addcomment',
                                            'enctype' => 'multipart/form-data',
                                        ]) !!}
                                        @csrf
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="mb-3">
                                                    {!! Form::label('comment', 'Enter Comment', ['class' => 'form-label', 'for' => 'title']) !!}
                                                    <span class="error">*</span>
                                                    {!! Form::textarea('comment', Input::old('comment'), [
                                                        'id' => 'v',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Enter Comment',
                                                        'tabindex' => '5',
                                                        'rows' => '6',
                                                    ]) !!}
                                                    <input type="hidden" name="ticket_id" value="{{ $ticket->id }}"
                                                        class="form-controls">

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="mb-3">
                                                    <div class="form-group">
                                                        <label for="status">Status</label>
                                                        <select class="form-select" id="status" name="status"
                                                            tabindex="6">
                                                            @foreach ($statuses as $key => $status)
                                                                <option value="{{ $key }}"
                                                                    {{ isset($ticket) && $ticket->status == $key ? 'selected' : '' }}>
                                                                    {{ $status }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <button type="submit" class="btn btn-primary submitbutton"><span
                                                        class="spinner-border me-1 loader-btn d-none" role="status"
                                                        aria-hidden="true">
                                                    </span> Submit</button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12">
                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <h5 class="card-title m-0 me-2 pt-1 mb-2">Ticket  History</h5>
                                </div>
                                <div class="card-body pb-0 task_history">
                                    <ul class="timeline ms-1 mb-0">
                                        @if (count($ticket->getTicketHistory) > 0)
                                            @php $i=0; @endphp
                                            @foreach ($ticket->getTicketHistory as $key => $history)
                                                <li class="timeline-item timeline-item-transparent ps-4">
                                                    @if ($history->status_to == config('const.taskstatusNewInt'))
                                                        <span class="timeline-point newstatus mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.taskstatusInProgressInt'))
                                                        <span class="timeline-point timeline-point-warning mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.taskstatusOnHoldInt'))
                                                        <span class="timeline-point timeline-point-danger mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.taskstatusCompletedInt'))
                                                        <span class="timeline-point timeline-point-success mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.ticketStatusWaitingInt'))
                                                        <span class="timeline-point timeline-point-dark mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.ticketStatusAssignedToCorrectMemberInt'))
                                                        <span class="timeline-point correctteammeberstatus mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.ticketStatusAssignedToSuperVisorInt'))
                                                        <span class="timeline-point supervisorstatus mt-2"></span>
                                                    @endif
                                                    <div class="timeline-event">
                                                        <div class="timeline-header mt-2">
                                                            @if ($history->status_to == config('const.taskstatusNewInt'))
                                                                {!! Helper::displayTicketStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.taskstatusInProgressInt'))
                                                                {!! Helper::displayTicketStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.taskstatusOnHoldInt'))
                                                                {!! Helper::displayTicketStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.taskstatusCompletedInt'))
                                                                {!! Helper::displayTicketStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.ticketStatusWaitingInt'))
                                                                {!! Helper::displayTicketStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.ticketStatusAssignedToCorrectMemberInt'))
                                                                {!! Helper::displayTicketStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.ticketStatusAssignedToSuperVisorInt'))
                                                                {!! Helper::displayTicketStatus($history->status_to) !!}
                                                            @endif
                                                            <small class="text-muted">
                                                                @if($key==0)
                                                                    <span class="badge bg-label-primary">New Update</span>
                                                                @endif
                                                                {{ $history->created_at->diffForHumans() }}
                                                            </small>
                                                        </div>

                                                        <div class="d-flex flex-wrap mt-2">
                                                            <div class="avatar me-2">
                                                                @php $userID = isset($history->getCommenterUser) ? $history->getCommenterUser->id : '' @endphp
                                                                <a href="{{ route('admin.user.show', $userID) }}">
                                                                    <img src="{{ isset($history->getCommenterUser) ? $history->getCommenterUser->profile_pic : '' }}"
                                                                        alt="Avatar" class="rounded-circle" />
                                                                </a>
                                                            </div>
                                                            <div class="ms-1">
                                                                <h6 class="mb-0">
                                                                    {{ isset($history->getCommenterUser) ? $history->getCommenterUser->ownerName : '' }}
                                                                </h6>
                                                                <span>{{ isset($history->getCommenterUser->roles) ? $history->getCommenterUser->roles[0]->name : '' }}</span>
                                                            </div>
                                                        </div>
                                                        <p class="mb-2">
                                                            {{ isset($history->comment) ? $history->comment : '' }}</p>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Task Details -->
            </div>
        </div>
    </div>
    @include('admin.confirmalert')
@endsection
@section('scripts')
    <script>
        /** Jquery validation */
        $("#addcomment").validate({
            rules: {
                comment: {
                    required: true,
                }
            },
            submitHandler: function(form) {
                if ($("#addcomment").validate().checkForm()) {
                    $('.submitbutton').attr('disabled', true);
                    $('.loader-btn').removeClass("d-none");
                    form.submit();
                }
            },
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass("custom-highlight-error");
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass("custom-highlight-error");
            }
        });
    </script>
@endsection