{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'City List')

@section('content')



{{-- <a class="waves-effect waves-light btn" href="{{route('admin.city.create')}}zz">Add City</a> --}}
<section class="users-list-wrapper section">
    <div class="users-list-table">
      <div class="card">
		<div class="row pl-1 pr-1">
			<h4 class="col s6"><b>About</b></h4>
			@if (count($abouts) == 0)
				<div class="input-field col s12">
					<a href="{{route('admin.about.create')}}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Add About</a>
				</div>
			@endif
		</div>
        <div class="card-content">
          <!-- datatable start -->
          <div class="table responsive-table striped">
            {{ $abouts->links() }}
            <table id="users-list-datatable" class="table responsive-table">
              <thead class="grey lighten-2">
                <tr>
                  <th></th>
				  <th>#</th>
				  <th>About Image</th>
				  <th>Description</th>
				  <th>Created</th>
				  <th>Created By</th>
                  <th width="25%"></th>
                </tr>
              </thead>
              <tbody>
                  @forelse ($abouts as $key => $about)
                  <tr>
                    <td></td>
                    <td>{{$key + $abouts->firstItem()}}</td>
                    <td>
						@if ($about->image)
							<img src="{{ $about->image }}" alt="" srcset="" width="100" height="100">
						@else
							-
						@endif
					</td>
                    <td>{{$about->description}}</td>
                    <td>{{$about->created_time}}</td>
                    <td>Admin</td>
                    <td>
						<div class="right">
							<i class="material-icons left pt-4">
								<a class="blue lighten-4 border-radius-button" href="{{route('admin.about.edit', $about->id)}}" style="padding: 6px 10px;">edit</a>
							</i>
							<form action="{{ route('admin.about.destroy', $about->id) }}" method="POST" onsubmit="return confirm('Are You Sure?');" style="display: inline-block;">
								<input type="hidden" name="_method" value="DELETE">
								<input type="hidden" name="_token" value="{{ csrf_token() }}">
								<button class="btn waves-effect waves-light red darken-2" type="submit" name="action"><i class="material-icons left">delete_forever</i>Delete</button>
							</form>
						</div>
                    </td>
                  </tr>
                  @empty

                  @endforelse
              </tbody>
            </table>
            {{ $abouts->links() }}
        </div>
          <!-- datatable ends -->
        </div>
      </div>
    </div>
  </section>
@endsection