@extends('layouts.app2')


@section('content')




<div class="container">
    <div class="row">
       <div class="col-md-12 text-center">          
            @if ($errors->has('success_msg'))
                 <div class="alert alert-success alert-dismissible">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                       <strong>{{ $errors->first('success_msg') }}</strong>
                  </div>               
             @endif
            
            @if ($errors->has('error_msg'))
                 <div class="alert alert-danger alert-dismissible">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                       <strong>{{ $errors->first('error_msg') }}</strong>
                  </div>
                     
             @endif
        </div>
        
  
        
        
        
        
        <div class="col-md-12 col-md-push-0">
            
            <div class="col-md-2 mb20" style="padding-left: 0px;    display: inline-block;">
                
              <a href="#" class="btn btn-success" data-toggle="modal" data-target="#modalRegisterForm" style="margin-top: 8px;"> ADD DISTRICT</a>
            </div> 

            <div class="col-md-4 search_div" style="padding-left: 0px;">
                <!-- Search form -->
                <form class="form-inline md-form form-sm">
                    <input class="form-control form-control-sm mr-3 w-75" id="district_search" type="text" placeholder="Search" aria-label="Search">
                    <i class="fa fa-search" aria-hidden="true"></i>
                </form>
            </div>
            <div class="col-md-12" id="district_d" style="padding-right: 0px;padding-left: 0px;"> 
                <table class="table table-striped table-responsive">
                  <thead>
                    <tr>
                        <th>Sl.No</th>
                        <th>District Code</th>
                        <th>District Name</th>
                        <th>Zip Code</th>
                        <th>Action</th>
                    </tr>
                  </thead>
                  <tbody id="district_data">
						
				  </tbody>           
                </table>
                 <div style="text-align:right;margin-top:5px;" class="pag">
				  <div class="pagination" id="paginationDiv">
                            
                  </div>
                </div>
            </div>
              
            <div class="col-md-12 text-center data_not_found" id="no_distict">
                No Data Found.
            </div>
                    
    

        </div>
        

        
    </div>
</div>



<div class="modal fade" id="modalRegisterForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header text-center">
                <h4 class="modal-title w-100 font-weight-bold">DISTRICT CREATE</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
          <form id="district_form">
            @csrf
            <div class="modal-body mx-3">
<!--
                <div class="md-form mb-5">
                    <i class="fa fa-user prefix grey-text"></i>
                    <input type="text" id="district_code" name="district_code" class="form-control validate">
                    <label data-error="wrong" data-success="right" for="form34">District Code</label>
                </div>
-->

                <div class="mb-3">

                    <label class="form" data-error="wrong" data-success="right" for="form29">District Name</label>
                    <input type="text" id="district_name" name="district_name" class="form-control">
                    <label id="district_name-error" class="error" for="district_name"></label>
                    
                </div>

                <div class="mb-3">

                    <label  class="form" data-error="wrong" data-success="right" for="form32">Zip Code</label>
                    <input type="text" id="zip_code" name="zip_code" class="form-control validate">
                    <label id="zip_code-error" class="error" for="zip_code"></label>
                </div>
            </div>
            <div class="modal-footer d-flex justify-content-center">
                <button class="btn btn-success">SAVE <i class="fa fa-paper-plane-o ml-1"></i></button>
            </div>
        </form>
        </div>
    </div>
</div>

@endsection

@section('dynamic_js')
   <script src="{{ asset('js/custom/district.js') }}"></script>
@endsection