<style>
    #map {
        height: 400px;
    }

    /* 
 * Optional: Makes the sample page fill the window. 
 */
    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #description {
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
    }

    #infowindow-content .title {
        font-weight: bold;
    }

    #infowindow-content {
        display: none;
    }

    #map #infowindow-content {
        display: inline;
    }
</style>
<div class="app-content pt-3 p-md-3 p-lg-3">
    <div class="container-xl">

        <div class="row g-3 mb-4 align-items-center justify-content-between">
            <div class="col-auto">
                <h1 class="app-page-title mb-0">Add Gram Panchayat
                </h1>
            </div>
            <div class="col-auto">
                <div class="page-utilities">
                    <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
                        <!--//col-->
                        <div class="col-auto">
                            <a class="btn app-btn-secondary" href="<?= base_url('admin/gram_panchayat') ?>">
                                VIEW ALL Gram Panchayat

                            </a>
                        </div>
                    </div>
                    <!--//row-->
                </div>
                <!--//table-utilities-->
            </div>
            <!--//col-auto-->
        </div>
        <!--//row-->

        <div class="app-card app-card-settings shadow-sm p-4">

            <form class="settings-form" method="post" action="<?= base_url('admin/gram_panchayat/submitgram_panchayat'); ?>" enctype="multipart/form-data" autocomplete="off">
                <input type="hidden" name="slug" value="">

                <div class="app-card-body">
                    <div class="row g-3">
                        <div class="col-lg-6 col-sm-12 col-md-6 mb-3">
                            <label for="tax_status" class="form-label">District<span class="asterisk"> *</span></label>
                            <select name="district_id" class="form-select" id="district_id" required="">
                                <option value="" selected>Select District</option>
                                <?php foreach ($districts as $district) { ?>
                                    <option value="<?= $district['district_id'] ?>"><?= $district['district_name'] ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        <div class="col-lg-6 col-sm-12 col-md-6 mb-3">
                            <label for="" class="form-label">Panchayat Samity Name <span class="asterisk">* </span></label>

                            <select name="panchayat_samity" class="form-select" id="panchayat_samity" required="">
                                <option value="" selected>Select Panchayat Samity</option>
                                <?php foreach ($panchayat_samitys as $panchayat_samity) { ?>
                                    <option value="<?= $panchayat_samity['id'] ?>"><?= $panchayat_samity['unit_name'] ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        <div class="col-lg-6 col-sm-12 col-md-6 mb-3">
                            <label for="" class="form-label">Gram Panchayat Name <span class="asterisk">* </span></label>
                            <input type="text" class="form-control" name="unit_name" placeholder="Gram Panchayat Name" required="">
                        </div>
                        <div class="col-sm-12 col-md-12 mb-3">
                            <label for="" class="form-label me-3">Status</label>
                            <select name="is_active" class="form-select" id="is_active" required>
                                <option value="">Select Status</option>
                                <option value="1" selected>Active</option>
                                <option value="0">Inactive</option>
                            </select>
                        </div>
                    </div>

                </div>

                <button type="submit" class="btn app-btn-primary">SUBMIT</button>
                <a class="btn app-btn-danger" href="<?= base_url('admin/gram_panchayat'); ?>">CANCEL</a>
            </form>
        </div>
        <!--//app-card-body-->

    </div>
</div>