@extends('admin.layouts.default')

@section('header_styles')
<style>
  .project-actions a {
    float: left;
    margin-left: 5px;
  }
</style>
@stop

@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0 text-dark">
          @yield('title', 'Owners Listings')
        </h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item">{{ Breadcrumbs::render('admins') }}</li>

        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          @if(session()->has('message'))
          <div class="alert alert-success">
            {{ session()->get('message') }}
          </div>
          @endif
          <div class="col-sm-2 pull-right">
            <a href="{{ URL::to('administrator/restaurants/admins/create') }}" class="btn btn-block bg-gradient-success btn-sm">Add Owners</a>
          </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body p-0">
          <table class="table table-striped projects">
            <thead>
              <tr>
                <th>#</th>
                <th>@sortablelink('Name')</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Pic</th>
              </tr>
            </thead>
            <tbody>
              @foreach($users as $i=>$user)
              <tr data-toggle="collapse" href="#multiCollapseExample{{ $i+1 }}" aria-expanded="false" aria-controls="multiCollapseExample{{ $i+1 }}">
                <td>{{ $i+1 }}</td>
                <td>{{ $user->first_name }}</td>
                <td>{{ $user->email }}</td>
                <td>{{ $user->phone }}</td>
                <td>
                  @if($user->avatar)
                  <img class="profile-user-img img-fluid img-circle"
                    src="{{ URL::to('uploads/files/'.$user->avatar) }}"
                    alt="User profile picture">
                  @else
                  <img class="profile-user-img img-fluid img-circle"
                    src="{{ URL::to('admin_assets/images/default-image.png') }}"
                    alt="Default profile picture">
                  @endif
                </td>

              </tr>

              <tr class="tr_class">
                <td></td>
                <td></td>
                <td class="project-actions">
                  <div class="collapse multi-collapse" id="multiCollapseExample{{ $i+1 }}">
                    <a href="{{ URL::to('/administrator/restaurants/create/'. encrypt($user->users_id)) }}" class="btn btn-primary">
                      Add
                    </a>
                    <a href="{{ URL::to('/administrator/restaurants/admins/'. $user->users_id) }}" class="btn btn-success">
                      View
                    </a>
                    <a href="{{ URL::to('/administrator/restaurants/admins/'. $user->users_id. '/edit') }}" class="btn btn-info">
                      Edit
                    </a>
                    <form action="{{ url('/administrator/restaurants/admins/' . $user->users_id) }}" method="POST" name="delForm">
                      @csrf
                      @method('DELETE')

                      <a href="{{ URL::to('/administrator/restaurants/admins/'. $user->users_id) }}" onclick="return confirm('Are you Sure you want to delete this user?');" class="btn btn-danger">
                        Delete
                      </a>
                    </form>
                  </div>

                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
          {!! $users->appends(\Request::except('page'))->render() !!}
        </div>
      </div>
    </div>
  </div>
</section>

@stop

@section('footer_scripts')
@stop