<div class="modal fade" id="addModal" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl  modal-dialog-scrollable">
        <div class="modal-content">
            <?php echo $__env->make('layout.admin.include.loader', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <div class="modal-header">
                <h5 class="mb-0">Add <?php echo e(@$title); ?></h5>

                <a href="#" class="avtar avtar-s btn-link-danger btn-pc-default" data-bs-dismiss="modal">
                    <i class="ti ti-x f-20"></i>
                </a>
            </div>

            <div class="modal-body">
                <form id="add-form" autocomplete="off">
                    <?php echo csrf_field(); ?>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group row">
                                <label class="form-label">Banner Image (Large Screen) <sup
                                        class="text-danger">*</sup></label>
                                <div class="col-sm-12 pl-lg-0">
                                    <div class="input-group">
                                       <span class="input-group-btn">
                                         <button data-input="thumbnail" data-preview="holder"
                                                 class="lfm btn btn-primary">
                                           <i class="fa fa-picture-o"></i> Choose
                                         </button>
                                       </span>
                                        <input id="thumbnail"
                                               class="form-control form-control-sm required"
                                               type="text"
                                               name="banner_image_lg"
                                               readonly>
                                        <div class="invalid-feedback"
                                             id="banner_image_lg_err"></div>
                                    </div>
                                    <div id="holder">
                                        <img src="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group row">
                                <label class="form-label">Banner Image (Medium Screen) </label>
                                <div class="col-sm-12 pl-lg-0">
                                    <div class="input-group">
                                       <span class="input-group-btn">
                                         <button data-input="thumbnail1" data-preview="holder1"
                                                 class="lfm btn btn-primary">
                                           <i class="fa fa-picture-o"></i> Choose
                                         </button>
                                       </span>
                                        <input id="thumbnail1"
                                               class="form-control form-control-sm"
                                               type="text"
                                               name="banner_image_md"
                                               readonly>
                                        <div class="invalid-feedback"
                                             id="banner_image_md_err"></div>
                                    </div>
                                    <div id="holder1">
                                        <img src="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group row">
                                <label class="form-label">Banner Image (Mobile Screen) </label>
                                <div class="col-sm-12 pl-lg-0">
                                    <div class="input-group">
                                       <span class="input-group-btn">
                                         <button data-input="thumbnail2" data-preview="holder2"
                                                 class="lfm btn btn-primary">
                                           <i class="fa fa-picture-o"></i> Choose
                                         </button>
                                       </span>
                                        <input id="thumbnail2"
                                               class="form-control form-control-sm"
                                               type="text"
                                               name="banner_image_mb"
                                               readonly>
                                        <div class="invalid-feedback"
                                             id="banner_image_mb_err"></div>
                                    </div>
                                    <div id="holder2">
                                        <img src="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="form-label">Alt Tag </label>
                                <input type="text" name="alt_tag" class="form-control form-control-sm"
                                       placeholder="Alt Tag">
                                <div class="invalid-feedback" id="alt_tag_err"></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="form-label">Title </label>
                                <input type="text" name="title" class="form-control form-control-sm"
                                       placeholder="Title">
                                <div class="invalid-feedback" id="title_err"></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="form-label">Button Text </label>
                                <input type="text" name="button_text" class="form-control form-control-sm"
                                       placeholder="Button Text">
                                <div class="invalid-feedback" id="button_text_err"></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="form-label">Button Link </label>
                                <input type="text" name="button_link" class="form-control form-control-sm"
                                       placeholder="Button Link">
                                <div class="invalid-feedback" id="button_link_err"></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="form-label">Short Description </label>
                                <textarea name="short_description" id="short_description"
                                          class="form-control form-control-sm required">
                                </textarea>
                                <div class="invalid-feedback" id="short_description_err"></div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer justify-content-between">
                <div class="flex-grow-1 text-end">
                    <button type="button" class="btn btn-link-danger btn-pc-default" data-bs-dismiss="modal">Cancel
                    </button>
                    <button type="button" class="btn btn-primary add-btn">Save</button>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/gge/resources/views/backend/home/home-banner/partials/add.blade.php ENDPATH**/ ?>