@extends('admin.layout.main')

@section('title', 'Dashboard')

@push('content')
<section class="content pt-3">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            {{-- <div class="card-header d-flex justify-content-between align-items-left"> --}}
            <div class="card-header">
                <div class="d-flex align-items-center">
                    <div class="justify-content-left w-100">
                        <h3 class="mb-0 h4">AirCraft Inventory Listing</h3> <!--card-title-->
                    </div>
                    <div class="justify-content-end">
                        <a href="{{ route('admin.airCraft.inventory.create') }}" class="btn btn-1 btn-primary">Create</a>
                    </div>
                </div>

            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <table class="table table-hover table-responsive">
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>image</th>
                            <th>Manufacturer</th>
                            <th>Model</th>
                            <th>Serial Number</th>
                            <th>Total Hours</th>
                            <th>Year of Manufacture</th>
                            <th>Registration Number</th>
                            <th>Base Location</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($aircrafts as $aircraft)
                            <tr>
                                <td>{{ $aircraft->title }}</td>
                                <td>
                                   {{-- @if ($aircraft->media)
                                        <img width="100px" height="100px"  src="{{ $aircraft->media->where('type', 'main_image')->first()->file_path }}" alt="main_img">
                                    @endif--}}

                                </td> 
                                <td>{{ $aircraft->manufacturer->name ?? '' }}</td>
                                <td>{{ $aircraft->manufacturerModel->name ?? '' }}</td>
                                <td>{{ $aircraft->serial_number }}</td>
                                <td>{{ $aircraft->total_hours }}</td>
                                <td>{{ $aircraft->year_of_manufacture }}</td>
                                <td>{{ $aircraft->registration_number }}</td>
                                <td>{{ $aircraft->base_location }}</td>
                                <td>
                                    <a href="{{ route('admin.airCraft.inventory.edit', $aircraft->id) }}" class="btn btn-sm">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="text-center">No records found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="d-flex justify-content-center border pt-4">
                @if(request()->has('category'))
                    {{ $aircrafts->appends(['category' => request()->get('category')])->links('vendor.pagination.bootstrap-4') }}
                @else
                    {{ $aircrafts->links('vendor.pagination.bootstrap-4') }}
                @endif

            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
@endpush