@extends('space_portal.layouts.master')

@section('title','Creating the third workspace. Join today')

@section('header')
	@include('space_portal.partials.header')
@endsection

@section('content')
<section class="main-container">
    <div class="padding">
        <div class="box-white m800">
            <div class="d-flex align-items-start justify-content-start align-items-md-center justify-content-md-between flex-column flex-md-row mb-3 mb-md-0">
                <div class="mb-2 m-md-0">
                    <h1 class="mb-0">Support Ticket</h1>
                </div>
                <div>
                    <a href="{{route('support_tickets')}}" class="btn invert">Back</a>
                </div>
            </div>

            <hr class="my-4">

            <div class="row align-items-center gy-1 gx-4 mb-3">
                <div class="col-12 col-sm-6 col-xl-4"><strong>Ticket#</strong></div>
                <div class="col-12 col-sm-6 col-xl-4 f-16 color-secondary">@if($support_ticket->ticket_number){{$support_ticket->ticket_number}} @else{!! old('ticket_number') !!}@endif</div>
            </div>

            <div class="row align-items-center gy-1 gx-4 mb-3">
                <div class="col-12 col-sm-6 col-xl-4"><strong>Issue Date</strong></div>
                <div class="col-12 col-sm-6 col-xl-4 f-16 color-secondary">{{Carbon\Carbon::parse($support_ticket->created_at)->format('d-m-Y')}}</div>
            </div>

            <div class="row align-items-center gy-1 gx-4 mb-3">
                <div class="col-12 col-sm-6 col-xl-4"><strong>Status</strong></div>
                @if($support_ticket->open == 1)
                    <div class="col-12 col-sm-6 col-xl-4 f-16 color-secondary"><span class="status-div">Active</span></div> <!-- .red .orange -->
                @else
                    <div class="col-12 col-sm-6 col-xl-4 f-16 "><span class="status-div">Closed</span></div> <!-- .red .orange -->
                @endif
            </div>

            <hr class="my-4">

            <div class="ticket-details">
                <p class="mb-2"><strong>Category:</strong> @if($support_ticket->category_support->title) {{$support_ticket->category_support->title}} @endif</p>
                <p class="mb-0"><strong>Subject:</strong>  @if($support_ticket->subject){{$support_ticket->subject}} @else{!! old('subject') !!}@endif</p>
                <p class="mb-0"><strong>Message:</strong>  @if($support_ticket->message_from_user){{$support_ticket->message_from_user}} @else{!! old('description') !!}@endif</p>
            </div>

            <div class="ticlet-answers mb-4">
                @foreach($reply as $rep)
                    @if(isset($rep->reply))
                        <div class="single">
                            <div class="avatar">
                                <img src="{{asset('images/user-avatar.png')}}" alt="#">
                            </div>
                            <div class="d-flex mb-1 flex-column flex-sm-row align-items-start align-items-sm-center justify-content-start justify-content-sm-between">
                                <div class="mb-1 mb-sm-0 color-main"><strong>Reef:</strong></div>
                                <div class="f-12 color-green">{{Carbon\Carbon::parse($rep->created_at)->format('d-m-Y')}}</div>
                            </div>

                            <p>{{$rep->reply}}</p>
                        </div>
                    @endif
                    @if(isset($rep->comment))
                        <div class="single">
                            <div class="avatar">
                                <img src="{{asset('images/user-avatar.png')}}" alt="#">
                            </div>
                            <div class="d-flex mb-1 flex-column flex-sm-row align-items-start align-items-sm-center justify-content-start justify-content-sm-between">
                                <div class="mb-1 mb-sm-0 color-main"><strong>{{$rep->user['name']}}</strong></div>
                                <div class="f-12 color-green">{{Carbon\Carbon::parse($rep->created_at)->format('d-m-Y')}}</div>
                            </div>

                            <p>{{$rep->comment}}</p>
                        </div>
                    @endif
                @endforeach

            </div>

            <hr class="my-4">
            @if($support_ticket->open == 1)
                <form method="POST" action="{{ route('send_comment_support_ticket', ['id' => $support_ticket->id ]) }}" enctype="multipart/form-data">
                @csrf
                    <div class="ticket-insert-message d-flex flex-column flex-sm-row flex-wrap">
                        <div class="left">Reply</div>
                        <div class="right">
                            <div class="mb-2">
                                <textarea class="form-control" placeholder="Enter message here" id="comment" name="comment" rows="3"></textarea>
                            </div>
                            <p class="mb-0 text-end"><button type="submit" name="button_publish" class="btn blog_submit_btn">Submit your reply</button></p>
                        </div>
                    </div>
                </form>
            @endif
        </div>
    </div>
</section>

@endsection