@extends('layouts.mastercms')


@section('content')
<div class="content-wrapper container">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                 <div class="col-sm-6">
                     <h1>Create a Book.</h1>
                 </div>
            </div>
        </div>
    </section>
    <section class='mx-4'>
    <form method='POST'action="/books" enctype="multipart/form-data">
    @csrf
        <div class="form-floating my-3">
        <label for="title" class="text-secondary">Title <span class="font-normal text-danger">*</span></label>
            <input type="text" required class="form-control col-lg-7" name="title" placeholder="Title of the book">
         </div>
        <div class="form-floating my-3">
            <label for="author" class="text-secondary">Author <span class="font-normal text-danger">*</span></label>
            <input type="text" required class="form-control col-lg-7" name="author" placeholder="Author of the book">
        </div>
        <div class="form-floating my-3">
            <label for="author" class="text-secondary">Publishing date<span class="font-normal text-danger">*</span></label>
            <input type="date" required class="form-control col-lg-7" name="published_date">
        </div>
        <div class="form-floating my-3">
            <label for="author" class="text-secondary">ISB Number<span class="font-normal text-danger">*</span></label>
            <input type="number" required class="form-control col-lg-7" name="ISBN_num">
        </div>
        <label for="status" class="text-secondary">Language <span class="font-normal text-danger">*</span></label><br/>
            <select class="form-select custom-select col-lg-7" name="lang" aria-label="Floating label select example">          
            <option value='english'>English</option>
            <option value='nepali'>Nepali</option>             
            </select>
        <div class="form-floating mt-2 mb-4">
            <label for="images" class="text-secondary">Book Image <span class="font-normal text-danger">*</span></label>
            <input type="file" class="form-control col-md-7" name="image" placeholder="Image" required>
        </div>
        <button type='Submit' class="btn btn-success px-4 mb-4">Create</button>
    </form>
    </section>
    
</div>
@endsection