@extends('dashboard.layout.index')
@section('title')
    {{__('site.add_new_book')}}
@endsection
@section('content')
<div class="page-breadcrumb">
    <div class="row">
        <div class="col-5 align-self-center">
            <h4 class="page-title">{{__('site.books')}}</h4>
            <div class="d-flex align-items-center">
            </div>
        </div>
        <div class="col-7 align-self-center">
            <div class="d-flex no-block justify-content-end align-items-center">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{route('admin.welcome')}}">{{__('site.dashboard')}}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{route('admin.book.index')}}">{{__('site.books')}}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{__('site.add')}}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <!-- Column -->
        <div class="col-md-12 col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="box-title p-15 btn-info" >{{__('site.add_new_book')}}</h5>
                    @include('partial.errors')
                    <form class="form-horizontal p-t-20" action="{{route('admin.book.store')}}" method="POST" enctype="multipart/form-data" >
                        @csrf

                    <input type="hidden" name="user_id" value="{{Auth::user()->id}}">
                    @foreach(config('translatable.locales') as $locale)
                            <div class="form-group row">
                                <label for="username" class="col-sm-3 control-label"><span style="color: red">*</span>{{__('site.'.$locale.'.name')}}</label>
                                <div class="col-sm-9">
                                    <div class="input-group">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="ti-user"></i></span></div>
                                        <input type="text" class="form-control" name="{{$locale}}[name]"  placeholder="{{ __('site.'.$locale.'.name')}}"  value="{{old($locale . '.name')}}">
                                    </div>
                                </div>
                            </div>

                        @endforeach
                        <div class="form-group row">
                            <label for="semester" class="col-sm-3 control-label"><span style="color: red">*</span>{{__('site.semester')}}</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="ti-category"></i></span></div>
                                    <select name="semester" class="form-control select2 search-box"  required>
                                        <option value="">{{__('site.semester')}}</option>
                                            <option value="first" > {{__('site.first')}}</option>
                                            <option value="second" > {{__('site.second')}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="class" class="col-sm-3 control-label"><span style="color: red">*</span>{{__('site.class')}}</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="ti-category"></i></span></div>
                                    <select name="class" class="form-control select2 search-box"  required>
                                        <option value="">{{__('site.class')}}</option>
                                            <option value="1st" > {{__('site.1st')}}</option>
                                            <option value="2nd" > {{__('site.2nd')}}</option>
                                            <option value="3th" > {{__('site.3th')}}</option>
                                            <option value="4th" > {{__('site.4th')}}</option>
                                            <option value="5th" > {{__('site.5th')}}</option>
                                            <option value="6th" > {{__('site.6th')}}</option>
                                            <option value="7th" > {{__('site.7th')}}</option>
                                            <option value="8th" > {{__('site.8th')}}</option>
                                            <option value="9th" > {{__('site.9th')}}</option>
                                            <option value="10th" > {{__('site.10th')}}</option>
                                            <option value="11th" > {{__('site.11th')}}</option>
                                            <option value="12th" > {{__('site.12th')}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="type" class="col-sm-3 control-label"><span style="color: red">*</span>{{__('site.type')}}</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="ti-category"></i></span></div>
                                    <select name="type" class="form-control select2 search-box"  required>
                                        <option value="">{{__('site.type')}}</option>
                                            <option value="basic" > {{__('site.basic')}}</option>
                                            <option value="science" > {{__('site.science')}}</option>
                                            <option value="social_sience" > {{__('site.social_science')}}</option>
                                            <option value="Industrial" > {{__('site.Industrial')}}</option>
                                            <option value="agricultural" > {{__('site.agricultural')}}</option>
                                            <option value="commercial" > {{__('site.commercial')}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="direction" class="col-sm-3 control-label"><span style="color: red">*</span>{{__('site.direction')}}</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="ti-category"></i></span></div>
                                    <select name="direction" class="form-control select2 search-box"  required>
                                        <option value="">{{__('site.direction')}}</option>
                                            <option value="rtl" > {{__('site.rtl')}}</option>
                                            <option value="ltr" > {{__('site.ltr')}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="fileName" class="col-sm-3 control-label"><span style="color: red">*</span>{{__('site.file')}}</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-file-pdf"></i></span></div>
                                    <input type="file" name="fileName" class="form-control" required="" >
                                </div>
                            </div>
                        </div>
                        <div class="form-group row m-b-0">
                            <div class="offset-sm-3 col-sm-9">
                                <button type="submit" class="btn btn-info waves-effect waves-light"><i class="fa fa-plus"></i>{{' '.__('site.submit')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection