@extends('layouts.dashboard')

@section('content')


<section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Branch Heads</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="/">Home</a></li>
            <li class="breadcrumb-item active">Branch Heads</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>


  <section class="content">
    <div class="container-fluid">


        @if (Session::has('message'))
        <div class="col-sm-12">
            <div class="alert  {{ Session::get('alert-class', 'alert-info') }} alert-dismissible fade show"
                role="alert">
                {{ Session::get('message') }}
            </div>
        </div>
    @endif

      <!-- /.row -->
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              {{-- <h3 class="card-title">Fixed Header Table</h3> --}}

              <div class="card-tools">
                <div class="input-group input-group-sm" style="width: 150px;">
                  <input type="text" name="table_search" class="form-control float-right" placeholder="Search">

                  <div class="input-group-append">
                    <button type="submit" class="btn btn-default">
                      <i class="fas fa-search"></i>
                    </button>
                  </div>
                  <button type="button" class="btn btn-outline-warning btn-sm float-right">
                    <a href="{{ route('branch-head.add') }}"  class="text-dark"> <i class="fa fa-plus"></i>&nbsp; Add </a></button>

                </div>
              </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body table-responsive p-0" style="height: 300px;">
              <table class="table table-head-fixed text-nowrap">
                <thead>
                  <tr>
                    <th>Sr No.</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Mobile Number</th>
                    <th>Status</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                    @forelse ($branch_heads as $branch_head )
                  <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $branch_head->name }}</td>
                    <td>{{ $branch_head->email }}</td>
                    <td>{{ $branch_head->mobile_number }}</td>
                    <td><span class="tag tag-success">{{ ($branch_head->status == 1)?"Active":"Inactive" }}</span></td>
                    <td>
                        <button type="button" class="btn btn-outline-info btn-sm">
                        <a href="{{ route('branch-head.edit',['id'=>$branch_head->id]) }}"  class="text-dark"> <i class="fas fa-pencil"></i>&nbsp; Edit </a></button>
                    </td>
                </tr>

                  @empty
                  <tr><td colspan="4" class="text-center">No data available</td></tr>
                  @endforelse

                </tbody>
              </table>

              <div class="link">
                {{ $branch_heads->onEachSide(2)->links() }}
                </div>

            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
      </div>
      <!-- /.row -->

    </div><!-- /.container-fluid -->
  </section>

@endsection