@extends('layouts.admin')
@section('content')
<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Manage Users</h1>
        {{-- <a href="javascript:void(0)" onclick="$('.add-books').toggle();" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-plus fa-sm text-white-50"></i> Add book</a> --}}
    </div>

    <!-- Content Row -->
    <div class="row collapse add-">
       <div class="col-sm-10">
           <form method="POST" action="{{route('admin.add.book')}}" class="container">
                @csrf
                @if ($errors->any())
                    <div class="border border-danger">
                        <ol>
                            @foreach ($errors->all() as $error)
                            <li class="text-danger">{{$error}}</li>
                            @endforeach
                        </ol>
                    </div>
                @endif
               <h4>Add Book</h4>
               @include('includes.add-book-form')
               <div class="row mt-2">
                   <div class="col-sm-6">
                        <button type="button" onclick="$('.add-books').toggle();" class="btn btn-default w-100">Cancel</button>
                   </div>
                   <div class="col-sm-6">
                        <button type="submit" class="btn btn-warning w-100">Create</button>
                   </div>
               </div>
            </form>
       </div>
    </div>

    <div class="row mt-5">
        <div class="col-sm-12">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>SN</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Phone</th>
                        <th>Downloads(<small>BOOKS</small>)</th>
                        <th>...</th>
                    </tr>
                    @php $i = 0; @endphp
                    @foreach ($result_users as $user)
                    @php $i++; @endphp
                        <tr>
                            <td class="font-weight-bold">{{$i}}</td>
                            <td class="text-dark">
                                {{$user->name}}
                                <small class="d-block text-muted">REGISTERED ON {{$user->date}}</small>
                            </td>
                            <td class="text-dark">{{$user->email}}</td>
                            <td class="text-dark">{{$user->phone}}</td>
                            <td class="text-dark">{{$user->books}}</td>
                            <td>
                                <a href="javascript:void(0)" onclick="deleteUser({{$user}})" class="btn btn-danger btn-sm">Delete</a>
                                <a href="javascript:void(0)" onclick="assignBook({{$user}})" class="btn btn-success btn-sm">Give access to book</a>
                            </td>
                        </tr>
                    @endforeach
                </thead>
            </table>
        </div>
    </div>

</div>
@endsection