@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper cardhead">
  <div class="content container-fluid">
    @component('components.breadcrumb')
      @slot('title') My Tickets @endslot
    @endcomponent

    @if (session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
    @if (session('error'))   <div class="alert alert-danger">{{ session('error') }}</div>   @endif

    <div class="row">
      <div class="col-sm-12">
        <div class="card">
          <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title mb-0">Tickets Raised by You</h4>
            <a href="{{ route('tickets.create') }}" class="btn btn-sm btn-primary">Create Ticket</a>
          </div>
          <div class="card-body">
            <div class="table-responsive custom-table">
              <table class="table" id="TicketTable">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>Subject</th>
                    <th>Department</th>
                    <th>Priority</th>
                    <th>Status</th>
                    <th>TAT</th>
                    <th>Created</th>
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($tickets as $t)
                    <tr>
                      <td>#{{ $t->id }}</td>
                      <td>{{ $t->subject }}</td>
                      <td>{{ $t->department->name ?? '—' }}</td>
                      <td>
                        <span class="badge 
                          @if($t->priority === 'CRITICAL') bg-danger
                          @elseif($t->priority === 'HIGH') bg-warning
                          @elseif($t->priority === 'MEDIUM') bg-info
                          @else bg-secondary @endif">
                          {{ $t->priority }}
                        </span>
                      </td>
                      <td>
                        <span class="badge bg-secondary">{{ $t->status }}</span>
                      </td>
                      <td>{{ optional($t->tat_at)->format('d M Y H:i') ?? '—' }}</td>
                      <td>{{ $t->created_at->format('d M Y H:i') }}</td>
                      <td class="d-flex gap-1">
                        <a href="{{ route('tickets.show', $t->id) }}" class="btn btn-sm btn-outline-primary">
                          View
                        </a>

                        @if(in_array($t->status, ['RESOLVED']))
                          {{-- User can close --}}
                          @can('ticket-resolve')
                          <form action="{{ route('tickets.close', $t->id) }}" method="POST"
                                onsubmit="return confirm('Close this ticket?')">
                            @csrf
                            <button class="btn btn-sm btn-success">Close</button>
                          </form>
                          @endcan
                        @endif

                        @if(in_array($t->status, ['CLOSED','RESOLVED']))
                          {{-- Reopen --}}
                          @can('ticket-user')
                          <form action="{{ route('tickets.reopen', $t->id) }}" method="POST"
                                onsubmit="return confirm('Re-open this ticket?')">
                            @csrf
                            <button class="btn btn-sm btn-warning">Reopen</button>
                          </form>
                          @endcan
                        @endif

                        {{-- Escalate --}}
                        @if(!in_array($t->status, ['CLOSED','ESCALATED']))
                          @can('ticket-user')
                          <form action="{{ route('tickets.escalate', $t->id) }}" method="POST"
                                onsubmit="return confirm('Escalate this ticket?')">
                            @csrf
                            <button class="btn btn-sm btn-danger">Escalate</button>
                          </form>
                          @endcan
                        @endif
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>

              <div class="mt-3">
                {{ $tickets->links() }}
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>
@endsection

@push('scripts')
<script>
  initDataTableWithFilters && initDataTableWithFilters('TicketTable');
</script>
@endpush