@extends('Admin.layout.layout')

@section('titel')
    Users
@endsection

@section('admin_content')
    @if (Session::has('success'))
        <div class="alert alert-success alert-block">
            <strong>{{ Session::get('success') }}</strong>
        </div>
    @endif

    <div class="page-content-wrapper border">

        <!-- Title -->
        {{-- <div class="row mb-3">
            <div class="col-12 d-sm-flex justify-content-between align-items-center">
                <h1 class="h3 mb-2 mb-sm-0">User List</h1>
                <a href="{{ route('admin.students.add') }}" class="btn btn-sm btn-primary mb-0">Add User</a>
            </div>
        </div> --}}


        <!-- Card START -->
        <div class="card bg-transparent border">


            <!-- Card header START -->
            <div class="card-header bg-light border-bottom">
                <!-- Search and select START -->
                <div class="row g-3 align-items-center justify-content-between">
                    <!-- Search bar -->
                    <div class="col-md-3">
                        <form action="{{ route('admin.students') }}" method="GET" class="rounded position-relative">
                            <input name="search" class="form-control bg-body" type="search" placeholder="Search" aria-label="Search" value="{{ request()->get('search') }}">
                            <button class="bg-transparent p-2 position-absolute top-50 end-0 translate-middle-y border-0 text-primary-hover text-reset" type="submit">
                                <i class="fas fa-search fs-6"></i>
                            </button>
                        </form>
                    </div>


                    <!-- Select option -->
                    <div class="col-md-3">
                        <!-- Short by filter -->
                        <form method="GET" action="{{ route('admin.students') }}">

                            <select class="form-select js-choice border-0 z-index-9" name="sort" aria-label=".form-select-sm" onchange="this.form.submit()">
                            <option value="">Sort by</option>
                            <option value="newest" {{ request('sort') == 'newest' ? 'selected' : '' }}>Newest</option>
                            <option value="oldest" {{ request('sort') == 'oldest' ? 'selected' : '' }}>Oldest</option>

                            </select>
                        </form>
                    </div>
                </div>
                <!-- Search and select END -->
            </div>

            <!-- Card body START -->
            <div class="card-body">
                <!-- Course table START -->
                <div class="table-responsive border-0 rounded-3">
                    <!-- Table START -->
                    <table class="table table-dark-gray align-middle p-4 mb-0 table-hover">
                        <!-- Table head -->
                        <thead>
                            <tr>
                                <th scope="col" class="border-0 rounded-start">#</th>
                                <th scope="col" class="border-0">Full Name</th>
                                <th scope="col" class="border-0">Email</th>
                                <th scope="col" class="border-0">Contact</th>
                                <th scope="col" class="border-0">Address</th>
                                {{-- <th scope="col" class="border-0">Date</th> --}}
                                {{-- <th scope="col" class="border-0">Update Date</th> --}}
                                <th scope="col" class="border-0 text-center rounded-end">Action</th>
                            </tr>
                        </thead>

                        <!-- Table body START -->
                        <tbody>
                            @foreach ($students as $data)
                                <!-- Table row -->
                                <tr>
                                    <td>{{ $loop->iteration }}</td>

                                    <!-- Table data -->
                                    <td>
                                        <div class="d-flex align-items-center mb-3">
                                            <!-- Avatar -->
                                            {{-- <div class="avatar avatar-xs flex-shrink-0">
                                                <img class="avatar-img rounded-circle" src="public/assets/images/avatar/09.jpg"
                                                    alt="avatar">
                                            </div> --}}
                                            <!-- Info -->
                                            <div class="ms-2">
                                                <h6 class="mb-0 fw-light">{{ $data->f_name }} {{ $data->l_name }}</h6>
                                            </div>
                                        </div>
                                    </td>

                                    <!-- Table data -->
                                    <td>{{ $data->email }}</td>

                                    <td>{{ $data->phone }}</td>



                                    <!-- Table data -->
                                    <td>{{ $data->location }}, {{ $data->city }}, {{ $data->zip_code }}, {{ $data->country }}.</td>
                                    {{-- <td>{{ $data->created_at->format('d-m-y') }}</td>
                                    <td>{{ $data->updated_at->format('d-m-y') }}</td> --}}

                                    <!-- Table data -->
                                    <td class="text-center">
                                        {{-- <a href="{{ route('admin.data.edit',$data->id ) }}"
                                            class="btn btn-success-soft btn-round me-1 mb-1 mb-md-0"
                                            data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                            data-bs-original-title="Edit">
                                            <i class="bi bi-pencil-square"></i>
                                        </a> --}}

                                       <a href="javascript:void(0);" class="btn btn-danger-soft btn-round me-1 mb-1 mb-md-0"
                                          onclick="deleteConfirmation('{{ route('admin.student.delete', $data->id) }}')"
                                          data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                          data-bs-original-title="Delete">
                                          <i class="bi bi-trash"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <!-- Table body END -->
                    </table>
                    <!-- Table END -->
                </div>
                <!-- Course table END -->
            </div>
            <!-- Card body END -->

            <!-- Card footer START -->
            <div class="card-footer bg-transparent pt-0">
                <!-- Pagination START -->

                 {{-- {{$users->links()}} --}}

                <!-- Pagination END -->
            </div>
            <!-- Card footer END -->
        </div>
        <!-- Card END -->
    </div>


    <!--- Modal -->
@endsection