<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="card">
                        <div class="card-header">
                            <h5><?php echo e(@$title); ?></h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        <label class="form-label">Banner Image <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"
                                                       readonly>
                                                <div class="invalid-feedback"
                                                     id="banner_image_err"></div>
                                            </div>
                                            <div id="holder">
                                                <img src="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="form-label">Title <sup
                                                class="text-danger">*</sup></label>
                                        <input type="text" name="title" class="form-control form-control-sm required"
                                               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">Location <sup
                                                class="text-danger">*</sup></label>
                                        <input type="text" name="location" class="form-control form-control-sm required"
                                               placeholder="Location">
                                        <div class="invalid-feedback" id="location_err"></div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="form-label">Short Description <sup
                                                class="text-danger">*</sup></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 class="col-sm-6">
                                    <div class="form-group row">
                                        <label class="form-label">Image <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="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 required"
                                                       type="text"
                                                       name="image"
                                                       readonly>
                                                <div class="invalid-feedback"
                                                     id="image_err"></div>
                                            </div>
                                            <div id="holder1">
                                                <img src="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="form-label">Project Overview <sup
                                                class="text-danger">*</sup></label>
                                        <textarea name="project_overview" id="project_overview"
                                                  class="form-control form-control-sm required">
                                </textarea>
                                        <div class="invalid-feedback" id="project_overview_err"></div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        <label class="form-label">Side Image <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="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 required"
                                                       type="text"
                                                       name="side_image"
                                                       readonly>
                                                <div class="invalid-feedback"
                                                     id="side_image_err"></div>
                                            </div>
                                            <div id="holder2">
                                                <img src="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5>Highlights</h5>
                        </div>
                        <div class="card-body">
                            <div id="highlight-wrapper-add" class="row">
                                <div class="highlight-row row mb-2">
                                    <div class="col-sm-5">
                                        <div class="form-group">
                                            <label class="form-label">Title </label>
                                            <input type="text" name="highlights[0][title]"
                                                   class="form-control form-control-sm required" placeholder="Title">
                                            <div class="invalid-feedback" id="highlights_0_title_err"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-5">
                                        <div class="form-group">
                                            <label class="form-label">Value </label>
                                            <input type="text" name="highlights[0][value]"
                                                   class="form-control form-control-sm required" placeholder="Value">
                                            <div class="invalid-feedback" id="highlights_0_value_err"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2 d-flex align-items-end">
                                        <button type="button" class="btn btn-sm btn-danger remove-highlight-btn" style="margin-bottom: 16px;">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-sm btn-outline-primary mt-2 add-highlight-btn"
                                    data-target="#highlight-wrapper-add">
                                <i class="fa fa-plus"></i> Add More
                            </button>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5>Seo Part</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="form-label">Meta Title </label>
                                        <input type="text" name="meta_title"
                                               class="form-control form-control-sm required"
                                               placeholder="Meta Title">
                                        <div class="invalid-feedback" id="meta_title_err"></div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="form-label">Meta Description </label>
                                        <textarea name="meta_description"
                                                  class="form-control form-control-sm required">
                                </textarea>
                                        <div class="invalid-feedback" id="meta_description_err"></div>
                                    </div>
                                </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 /home/sanjay/docroot/golcha.sq18.com.np/resources/views/backend/our-project/our-project/partials/add.blade.php ENDPATH**/ ?>