<form class="row g-3 auto-width relatives" action="{{ route('book-image.store')}}" method="post" enctype='multipart/form-data'>
    <!-- For validation comment on -->
    <!-- <form class="row g-3 was-validated"> -->
    @csrf
    <input type="hidden" name="book_id" value="{!! request()->route('id') !!}">
    <div class="col-md-12">
        <label class="form-label">Image Type <span class="text-danger"><b>*</b></span></label>
        <select class="single-select form-control" id="relation_type" name="image_type" required>
            <option value="thumbnail">Thumbnail</option>
            <option value="cover">Cover</option>
            <option value="banner">Banner</option>
            <option value="otherimages">Other</option>
        </select>
        <span class="text-danger error_address_type_id" style="display: none;">This field is required.</span>
    </div>
    <div class="col-md-12">
        <label for="image_url" class="form-label">Image <span class="text-danger"><b>*</b></span></label>
        <input type="file" name="image_url" class="form-control">
    </div>
</form>