@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 Books</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-books">
       <div class="col-sm-10">
           <form method="POST" action="{{route('admin.add.book')}}" enctype="multipart/form-data" 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-12">
                        <small class="text-black">Upload Book file</small>
                        <input type="file" required class="form-control" name="file">
                    </div>
                </div>
               <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>Book ID</th>
                        <th>Name</th>
                        <th>Price</th>
                        <th>Downloads</th>
                        <th>Description</th>
                        <th>...</th>
                    </tr>
                    @if ($results_books->total() == 0)
                        <tr>
                            <th colspan="6" class="text-center text-muted font-italic">No book found</th>
                        </tr>
                    @endif
                    @foreach ($results_books as $book)
                        <tr>
                            <td class="font-weight-bold">{{$book->code}}</td>
                            <td class="text-dark">{{$book->name}}</td>
                            <td class="text-dark">@php echo$book->amount @endphp </td>
                            <td class="text-dark">{{$book->downloads}}</td>
                            <td class="text-dark">
                                {{$book->description}}
                                @if(!empty($book->file_url))
                                    <a href="{{url($book->file_url)}}" target="_blank" class="btn btn-warning btn-sm d-block">
                                        View book <i class="fa fa-book"></i>
                                    </a>
                                @endif
                            </td>
                            <td>
                                <a href="javascript:void(0)" onclick="deleteBook({{$book}})" class="btn btn-danger btn-sm">Delete</a>
                                <a href="javascript:void(0)" onclick="editBook({{$book}})" class="btn btn-success btn-sm">Edit</a>
                            </td>
                        </tr>
                    @endforeach
                </thead>
            </table>
        </div>
    </div>

</div>
@endsection