{{ header }}
<style type="text/css">
    .input-item .nice-select{
        height: 40px;   
        max-width: 284px;
        border-color: #f1ae004d;
    }
    .input-item .nice-select:focus{
        border-color: #f1ae004d
    }
.table tr:nth-child(odd),.table tr:nth-child(even) {
    background-color: unset !important;
}
.table thead th {
    border-bottom: 2px solid #f1ae004d;
}

.table td, .table th {
   border:1px solid #f1ae004d !important;
}
.btn.focus, .btn:focus {
    box-shadow: unset;
}
[type="submit"].btn {
    padding: 10px 25px;
}
</style>
<!-- BREADCRUMB AREA START -->
<div class="ltn__breadcrumb-area ltn__breadcrumb-area-2 ltn__breadcrumb-color-white bg-overlay-theme-black-90 bg-image" data-bg="{{ base }}catalog/view/theme/vb/img/banner/slide2.png">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__breadcrumb-inner ltn__breadcrumb-inner-2 justify-content-between">
                    <div class="section-title-area ltn__section-title-2">
                        <h6 class="section-subtitle ltn__secondary-color">//  Welcome to V Believers</h6>
                        <h1 class="section-title">Branches</h1>
                        <div class="ltn__breadcrumb-list">
                            <ul>
                                <li><a href="{{ base }}">Home</a></li>
                                <li>Branches</li>
                            </ul>
                        </div>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
</div> 
<!-- BREADCRUMB AREA END -->
 <!-- CONTACT MESSAGE AREA START -->

<!-- CONTACT MESSAGE AREA END -->
<!-- WISHLIST AREA START -->
<div class="liton__wishlist-area pb-70">
    <div class="container">
        <h2 class="text-center">BRANCH DETAILS</h2>
        <!-- PRODUCT TAB AREA START -->
        <div class="row">
            <div class="col-12">
                <form id="contact-form" method="post" action="{{ search_url }}">
                    <div class="justify-content-center justify-content-md-end col-12 p-0">
                        <div class="col-lg-4 col-md-5 d-flex input-item justify-content-end p-0 float-right">
                            {#<label>Search Term</label>#}
                            <input type="text" name="search" placeholder="Search Term..." value="{{ search }}" class="nice-select">
                            <button style="height: 40px;" class="btn theme-btn-1 btn-effect-1 text-uppercase" type="submit">Search</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-12">
                <div class="table-responsive">
                    <table class="table border" style=" border:1px solid #f1ae004d !important;">
                        <thead>
                            <tr style="background:#fffcf4 !important;">
                                <th style="width: 100px;">SR</th>
                                <th>BRANCH NAME </th>
                            </tr>
                        </thead>
                        <tbody >
                            {% for key,branch in branches %}
                                <tr>
                                    <td>{{ key+1 }}</td>
                                    <td>{{ branch.name }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
             
        
<!-- <div class="liton__wishlist-area pb-70">
    <div class="container">
        <h2 class="text-center">DISTRICT LEVEL CONTACT POINT DETAILS (DLCP)</h2>
        <div class="row">
            <div class="col-12">
                
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="table-responsive">
                                <table class="table border">
                                    <thead>
                                        <tr class="border">
                                            <th>SR</th>
                                            <th>CITY</th>
                                            <th>BRANCH NAME </th>
                                            <th>NAME</th>
                                            <th>CONTACT NUMBER</th>
                                            <th class="rowspan=2">ADDRESS</th>
                                            <th>MAP</th>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody class="border">
                                        <tr>
                                            <td>1</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>View</td>
                                            <td>View</td>
                                            <td>View</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>View</td>
                                            <td>View</td>
                                            <td>View</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>View</td>
                                            <td>View</td>
                                            <td>View</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="liton__wishlist-area pb-70">
    <div class="container">
        <h2 class="text-center">DISTRICT LEVEL CONTACT POINT DETAILS (MINI DLCP)</h2>
        <div class="row">
            <div class="col-12">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="table-responsive">
                                <table class="table border">
                                    <thead class="border">
                                        <tr>
                                            <th>SR</th>
                                            <th>CITY</th>
                                            <th>BRANCH NAME </th>
                                            <th>NAME</th>
                                            <th>CONTACT NUMBER</th>
                                            <th rowspan="2">ADDRESS</th>
                                            <th>MAP</th>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody class="border">
                                        <tr>
                                            <td>1</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>View</td>
                                            <td>View</td>
                                            <td>View</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>View</td>
                                            <td>View</td>
                                            <td>View</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>view</td>
                                            <td>View</td>
                                            <td>View</td>
                                            <td>View</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->
{{ footer }}