@extends('main')

@section('css')
<link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs4.css') }}">    
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Ticket - #{{ $ticket['tid'] }}</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ route('dashboard.index') }}">Home</a></li>
              <li class="breadcrumb-item active">Tickets</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-12">
          @if(session('message'))
            <div class="form-group">
                <div class="alert alert-success" role="alert">
                  {{ session('message') }}
                </div>
            </div>
           @endif
           <div class="card card-outline card-primary">
            <div class="card-header">
              <h3 class="card-title">Reply</h3>
              <!-- /.card-tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <form action="{{ route('ticket.reply', ['id' => $ticket['ticketid']]) }}" method="POST" enctype="multipart/form-data">
                  @csrf
                  <textarea name="reply" id="summernote" required></textarea>
                  <button class="btn btn-primary float-right" type="submit">Reply</button>
              </form>
            </div>
            <!-- /.card-body -->
          </div>
          @foreach($ticket['replies']['reply'] as $t)
           <div class="card card-outline card-primary">
            <div class="card-header">
              <h3 class="card-title"><b>{{ $t['name'] ? $t['name'] : $t['admin'] }}</b> <small>Posted on {{ date('l jS F H:i', strtotime($t['date'])) }}</small></h3>

              <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
                </button>
              </div>
              <!-- /.card-tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <p>{!! htmlspecialchars_decode($t['message']) !!}</p>
            </div>
            <!-- /.card-body -->
          </div>
          @endforeach
          <!-- /.card -->
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
@endsection

@section('js')
<script src="{{ asset('plugins/summernote/summernote-bs4.min.js') }}"></script>
<script>
$(document).ready(function() {
    $('#summernote').summernote({
        height: '250px'
    })
})
</script>
@endsection