<style>
    .name {
        margin-top: 20px !important;
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
</style>
<div id="addImagesModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg" style="max-width: 1050px!important;">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Add Images to Gallery</h4>
            </div>

            <form method="post" enctype="multipart/form-data" action="published_gallery.php">
                <div class="modal-body">

                    <div class="form-group my_form">
                        <label for="email">Title:</label>
                        <input type="text" class="form-control" name="title">
                    </div>

                    <div class="form-group my_form">
                        <label for="email">Status:</label>
                        <select class="form-control" name="status">
                            <option value="published">Published</option>
                            <option value="inactive">Inactive</option>
                        </select>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group" style="margin-top: 20px!important;">
                                <label for="exampleFormControlFile1">Upload Image 1</label>
                                <input type="file" class="form-control-file" name="post_photo_1">
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group" style="margin-top: 20px!important;">
                                <label for="exampleFormControlFile1">Upload Image 2</label>
                                <input type="file" class="form-control-file" name="post_photo_2">
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group" style="margin-top: 20px!important;">
                                <label for="exampleFormControlFile1">Upload Image 3</label>
                                <input type="file" class="form-control-file" name="post_photo_3">
                            </div>
                        </div>
                    </div>

                    <div class="row mt-3">
                        <div class="col-md-4">
                            <div class="form-group" style="margin-top: 20px!important;">
                                <label for="exampleFormControlFile1">Upload Image 4</label>
                                <input type="file" class="form-control-file" name="post_photo_4">
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group" style="margin-top: 20px!important;">
                                <label for="exampleFormControlFile1">Upload Image 5</label>
                                <input type="file" class="form-control-file" name="post_photo_5">
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group" style="margin-top: 20px!important;">
                                <label for="exampleFormControlFile1">Upload Image 6</label>
                                <input type="file" class="form-control-file" name="post_photo_6">
                            </div>
                        </div>
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="submit" name="submit_image" class="btn btn-info">Submit</button>
                </div>
            </form>
        </div>

    </div>
</div>

