@extends('admin.layouts.admin')
@section('title','الأقسام')
@section('content')
<div class="main-side">
  <div class="main-title">
    <div class="small">
      الرئيسية
    </div>
    <div class="large">
      الأقسام الرئيسية
    </div>
  </div>
  <div class="section_content content_view">
    <div class="up_element d-flex align-items-center justify-content-between mb-2">
      <div class="btn-holder">
        <button type="button" class="btn btn-primary " data-bs-toggle="modal" data-bs-target="#create">
          إضافة
        </button>
        @include('admin.department.create-modal')
      </div>
      <a href="{{ route('admin.sub-departments.index') }}" class="main-btn btn-main-color">الأقسام الفرعية</a>

    </div>
    <div class="table-responsive">
      <table class="main-table mb-2">
        <thead>
          <tr>
            <th>#</th>
            <th>صوره</th>
            <th>الاسم</th>
            <th>الحاله</th>
            <th class="text-nowrap">تاريخ الانشاء</th>
            <th>العمليات</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($departments as $department)

          <tr>
            <td>{{ $loop->iteration }}</td>
            <td>
              @if($department->cover)
              <img src="{{ asset('admin-asset/img/department/'.$department->cover) }}" alt="{{ $department->name }}"
                class="img-thumbnail" width="100px">
              @else
              <img src="{{ asset('admin-asset/img/no-image.jpg') }}" alt="{{ $department->name }}" class="img-thumbnail"
                width="100px">
              @endif
            </td>
            <td>{{ $department->name }}</td>
            <td>{{ $department->status==1? 'مفعل':'غير مفعل' }}</td>

            <td class="text-nowrap">{{ $department->created_at()}}</td>
            <td>

              <a class="btn btn-info btn-sm" data-bs-toggle="modal" data-bs-target="#edit{{ $department->id }}">
                <i class="fa-solid fa-pen"></i>
              </a>
              <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal"
                data-bs-target="#delete{{ $department->id }}">
                <i class="fa-solid fa-trash"></i>
              </button>

              @include('admin.department.edit-modal',['department'=>$department])
              @include('admin.department.delete-modal',['department'=>$department])
            </td>
          </tr>
          @endforeach

        </tbody>
      </table>
      {{ $departments->links() }}
    </div>
  </div>
</div>
@endsection