@extends('layouts.new_theme')

@section('content')
    <div class="section-header">
        <h1><a href="{{ route('ticket.index') }}"><i class="fas fa-arrow-circle-left custom-back"></i></a>
            {{ __('Tickets') }}</h1>
        <div class="section-header-breadcrumb">
            <div class="breadcrumb-item active"><a href="{{ route('dashboard.index') }}">{{ __('Dashboard') }}</a></div>
            <div class="breadcrumb-item"><a href="{{ route('ticket.index') }}">{{ __('Tickets') }}</a>
            </div>
            <div class="breadcrumb-item">{{ __('Reply') }}</div>
        </div>
    </div>

    <div class="section-body">
        <div id="app1">
            <div class="row">
                <div class="col-12">
                    @include('common.demo')
                    @include('common.errors')
                    <div class="card">
                        <div class="card-header">
                            <h4>{{ __('Reply') }}</h4>
                        </div>
                        <div class="card-body">
                            <div class="col-sm-12">
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active"
                                            href="{{ route('admin_ticket.reply', [$ticket->uuid]) }}">{{ __('Reply') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link"
                                            href="{{ route('tickets.edit', [$ticket->uuid]) }}">{{ __('Modify') }}</a>
                                    </li>
                                </ul>
                            </div>
                            <br>
                            <h4 class="col-sm-10  text-capitalize">{{ $ticket->subject }}</h4>
                            <div class="tab-content">
                                <form method="POST" action="/admin/{{ $ticket->uuid }}/ticket_reply"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-group row mb-4">
                                        <label
                                            class="col-form-label text-md-right col-12 col-md-3 col-lg-3">{{ __('Description') }}:*</label>
                                        <div class="col-sm-12 col-md-7">
                                            <textarea id="ticket_message" class="summernote @error('message') is-invalid @enderror" name="message">{{ old('message') }}</textarea>
                                            @error('message')
                                                <div class="text-danger pt-1">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group row mb-4">
                                        <label
                                            class="col-form-label text-md-right col-12 col-md-3 col-lg-3">{{ __('Add attachment') }}:*</label>
                                        <div class="col-sm-12 col-md-7">
                                            <input id="files" ref="files" multiple v-on:change="handleFileUploads()"
                                                name="attachments[]" type="file" class="form-control file" multiple
                                                data-show-upload="true" data-show-caption="true">
                                            @error('attachments.*')
                                                <div class="text-danger pt-1">{{ $message }}</div>
                                            @enderror
                                            <small class="text-success"><i class="fa fa-exclamation-circle"
                                                    aria-hidden="true"></i>
                                                {{ __('The attachments must be a file of type: ') }}{{ $extension }}.
                                            </small>
                                        </div>
                                    </div>

                                    <div class="form-group row mb-4">
                                        <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3"></label>
                                        <div class="col-sm-12 col-md-7">
                                            <button type="submit" class="btn btn-custom">{{ __('Add') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            @foreach ($ticket_reply as $reply)
                                <br>
                                <div class="row col-12">
                                    <div class="col-2 col-md-1">
                                        <div class="row">
                                            <div class="ticket-sender-picture img-shadow">
                                                <img src="/images/avatar-1.png" alt="image" height="55px"
                                                    class="rounded-circle center">

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-10 col-md-11">
                                        <div class="ticket-content">
                                            <div class="ticket-header">
                                                <div class="ticket-title">
                                                    <h5>{{ str_replace('_', ' ', $reply->reply_user_name) }} </h5>
                                                </div>
                                                <div class="ticket-divider"></div>
                                                <div>
                                                    <div class="bullet inline-block"></div>
                                                    <div class="text-primary font-weight-600 inline-block">
                                                        {{ $reply->created_at->diffForHumans() }}</div>
                                                </div>
                                                <div class="ticket-info">
                                                    <p>
                                                    <div class="font-weight-600 inline-block text-capitalize">
                                                        <h6>#{{ $ticket->tid }} - {{ $ticket->subject }}</h6>
                                                        </p>
                                                        <p> {!! $reply->message !!}</p>
                                                    </div>
                                                    @if (env('APP_ENV') != 'demo')
                                                        <div class="float-right inline-block">
                                                            <form action="{{ route('delete_reply', [$reply->uuid]) }}"
                                                                method="POST">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button class="btn bg-transparent"
                                                                    onclick="return confirm('Are you sure?')">
                                                                    <i class="fa fa-trash text-danger" aria-hidden="true"
                                                                        title="{{ __('Delete') }}"></i>
                                                                </button>
                                                            </form>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="ticket-divider"></div>
                                            <div class="ticket-description">
                                                @foreach ($reply->attachments as $attachment)
                                                    <div class="gallery inline-block">
                                                        <a class="text-primary"
                                                            href="{{ route('admin_download', $attachment->attachment_file) }}"
                                                            download>
                                                            <div class="gallery-item" data-image="/images/img.jpg"
                                                                data-title="{{ $attachment->attachment_file }}"></div>
                                                        </a>
                                                    </div>
                                                @endforeach
                                                <div class="ticket-divider"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            <br>
                            <div class="row col-12">
                                <div class="col-2 col-md-1">
                                    <div class="row">
                                        <div class="ticket-sender-picture img-shadow">
                                            <img src="/images/avatar-1.png" alt="image" height="55px"
                                                class="rounded-circle center">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-10 col-md-11">
                                    <div class="ticket-content">
                                        <div class="ticket-header">
                                        </div>
                                        <div class="ticket-title">
                                            <h5>{{ str_replace('_', ' ', $ticket->user->first_name) }}
                                                {{ $ticket->user->last_name }}</h5>
                                        </div>
                                    </div>
                                    <div class="ticket-divider"></div>
                                    <div class="bullet inline-block"></div>
                                    <div class="text-primary font-weight-600 inline-block">
                                        {{ $ticket->created_at->diffForHumans() }}</div>
                                    <div class="ticket-description">
                                        <p>
                                        <h6>#{{ $ticket->tid }} - {{ $ticket->subject }}</h6>
                                        {!! $ticket->message !!}
                                        </p>
                                        @foreach ($ticket->attachments as $attachment)
                                            <div class="gallery inline-block">
                                                <a class="text-primary"
                                                    href="{{ route('admin_download', $attachment->attachment_file) }}"
                                                    download>
                                                    <div class="gallery-item" data-image="/images/img.jpg"
                                                        data-title="{{ $attachment->attachment_file }}"> </div>
                                                </a>
                                            </div>
                                        @endforeach
                                        <div class="ticket-divider"></div>
                                    </div>
                                </div>
                                {{ $ticket_reply->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection