@extends('admin.layouts.app')

@section('page-title', 'Mark List')

@section('content')
<div class="card shadow-sm">
  <div class="card-body">
    <h4 class="mb-3">Mark List Management</h4>

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

    <table class="table table-bordered table-hover align-middle">
      <thead class="table-dark">
        <tr>
          <th>#</th>
          <th>Mark No</th>
          <th>Origin</th>
          <th>Destination</th>
          <th>Customer Name</th>
          <th>Mobile</th>
          <th>Date</th>
          <th>Status</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        @forelse($markList as $index => $mark)
          <tr>
            <td>{{ $mark->id }}</td>
            <td>{{ $mark->mark_no }}</td>
            <td>{{ $mark->origin }}</td>
            <td>{{ $mark->destination }}</td>
            <td>{{ $mark->customer_name }}</td>
            <td>{{ $mark->mobile_no }}</td>
            <td>{{ \Carbon\Carbon::parse($mark->date)->format('d-m-Y') }}</td>
            <td>
              @if($mark->status == 'active')
                <span class="badge bg-success">Active</span>
              @else
                <span class="badge bg-danger">Inactive</span>
              @endif
            </td>
            <td>
              <a href="{{ route('admin.marklist.toggle', $mark->id) }}" class="btn btn-sm btn-primary">
                {{ $mark->status == 'active' ? 'Deactivate' : 'Activate' }}
              </a>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="9" class="text-center text-muted">No mark numbers found.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection