@extends('layouts.main')

@section('content')
    <form id="add-form">
        <div class="form-row justify-content-md-center">
            <div class="col-4">
                <select name="location" class="form-control select2-location">
                </select>
            </div>
        </div>
        <br />
        <div class="form-row">
            <div class="col">
                <input name="books[][barcode]" type="text" class="form-control barcode_input" placeholder="Barcode">
            </div>
            <div class="col-4">
                <input name="books[][name]" type="text" class="form-control" placeholder="Name">
            </div>
            <div class="col">
                <select name="books[][authors]" class="form-control select2-author" multiple="multiple">
                </select>
            </div>
        </div>
    </form>
    <div id="add-template" class="invisible">
        <div class="col">
            <input name="books[][barcode]" type="text" class="form-control barcode_input" placeholder="Barcode">
        </div>
        <div class="col-4">
            <input name="books[][name]" type="text" class="form-control" placeholder="Name">
        </div>
        <div class="col">
            <select name="books[][authors]" class="form-control select2-author" multiple="multiple">
            </select>
        </div>
    </div>
@endsection