@extends('layouts.master')
@section('title','Instructor List')
@section('parentPageTitle', 'All Student')
@section('content')
<div class="card mx-2 mb-3">
    <div class="card-header">
        <div class="float-left">
            <h3>@translate(All Instructors)</h3>
        </div>
        <div class="float-right">
            <div class="row">
                <div class="col">
                    <form method="get" action="">
                        <div class="input-group">
                            <input type="text" name="search" class="form-control col-12" placeholder="@translate(Search by name)" value="{{Request::get('search')}}">
                            <div class="input-group-append">
                                <button class="btn btn-primary" type="submit">
                                    @translate(Search)</button>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="col">
                    <a href="#!"
                        onclick="forModal('{{ route("instructor.create.modal") }}', '@translate(Create Instructor)')"
                        class="btn btn-primary">
                        <i class="la la-plus"></i>
                        @translate(Add New Instructor)
                    </a>
                </div>

            </div>
        </div>
    </div>

    <div class="card-body table-responsive">
        <table class="table table-hover table-bordered">
            <thead>
                <tr class="text-center">
                    <th>S/L</th>
                    <th>
                        @translate(Photo)
                    </th>
                    <th>
                        @translate(Name)</th>
                    <th>
                        @translate(Email)</th>
                    <th>
                        @translate(Phone)</th>
                    <th>
                        @translate(Balance)</th>
                    <th>
                        @translate(About)</th>
                    <th>
                        @translate(Action)</th>
                </tr>
            </thead>
            <tbody class="text-center">
                @forelse($instructors as $item)
                <tr>
                    <td>{{ ($loop->index+1) + ($instructors->currentPage() - 1)*$instructors->perPage() }}</td>
                    <td class="text-center">
                        <img class="img-thumbnail rounded-circle avatar-lg" alt="avatar" src="{{ $item->image ? filePath($item->image) : asset('asset_rumbok/images/instructor-details-image.jpg') }}" alt="">

                      {{-- @if($item->image != null)
                          <img src="{{filePath($item->image)}}" class="img-thumbnail rounded-circle avatar-lg"><br />
                        @else
                            <img src="" class="img-thumbnail rounded-circle avatar-lg" alt="avatar"><br />
                        @endif --}}
                    </td>
                    <td>{{$item->name}}</td>
                    <td>{{$item->email ?? 'N/A'}}</td>
                    <td>{{$item->phone ?? 'N/A'}}</td>
                    <td>{{formatPrice($item->balance)}}
                    </td>
                    <td>{!! $item->about !!}
                    </td>
                    <td>
                        <div class="kanban-menu">
                            <div class="dropdown">
                                <button class="btn btn-link p-0 m-0 border-0 l-h-20 font-16" 
                                        type="button" 
                                        id="KanbanBoardButton1"
                                         data-toggle="dropdown" 
                                         aria-haspopup="true" 
                                         aria-expanded="false">
                                    <i class="feather icon-more-vertical-"></i>
                                </button>

                                <div class="dropdown-menu dropdown-menu-right action-btn" 
                                     aria-labelledby="KanbanBoardButton1" 
                                     x-placement="bottom-end">
                                    <a class="dropdown-item" 
                                       href="{{ route('instructors.show', $item->user_id) }}">
                                        <i class="feather icon-edit-2 mr-2"></i>
                                        @translate(Details)</a>

                                    <a class="dropdown-item" 
                                       href="{{ route('instructors.adminEdit', $item->user_id) }}">
                                        <i class="feather icon-edit-2 mr-2"></i>
                                        @translate(Edit)</a>

                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                @empty
                    <tr></tr>
                    <tr></tr>
                <tr>
                    <td><h3 class="text-center">No Data Found</h3></td>
                </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                @endforelse
            </tbody>
            <div class="float-left">
                {{ $instructors->links() }}
            </div>
        </table>
    </div>
</div>

@endsection