
<!-- NEW FIELD AGENT MODAL-->
<div id="field-agent-modal" class="modal fade" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <form action="backend.php" method="post" id="field-agent-form" class="parsley-examples" enctype="multipart/form-data">
                <div class="modal-header">
                    <h4 class="modal-title">ADD NEW FIELD AGENT </h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body px-4 py-2">
                    
                        <div class="row">
                            
                            
                                   
                                    <input type="hidden" name="companyTin" required   class="form-control" id="companyTin">
                             
                                    <input type="hidden" name="companyRc" required   class="form-control" id="companyRc">
                               
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="title" class="form-label">Title <span class="text-danger">*</span></label>
                                    <select class="form-select  border-secondary border" data-live-search="true" name="title" required id="title">
                                         <option value="">Select Title</option> 
                                         <option value="Mr">Mr</option>
                                         <option value="Mrs">Mrs</option> 
                                         <option value="Miss">Miss</option> 
                                         <option value="Dr">Dr</option> 
                                    </select>
                                </div>
                           </div>
                     
                           
                      <div class="col-md-6">
                        <div class="mb-3">
                            <label for="surname" class="form-label">Surname <span class="text-danger">*</span></label>
                            <input type="text" name="surname" required  class="form-control" id="surname">
                        </div>
                       </div>
                        
                        <div class="col-md-6">
                        <div class="mb-3">
                            <label for="firstname" class="form-label">Firstname <span class="text-danger">*</span></label>
                            <input type="text" name="firstname" required  class="form-control" id="firstname">
                        </div>
                       </div>
                       
                       <div class="col-md-6">
                        <div class="mb-3">
                            <label for="othername" class="form-label">Othername [Optional]</label>
                            <input type="text" name="othername"  class="form-control" id="othername">
                        </div>
                       </div>
                       
                       
                       <div class="col-md-6">
                        <div class="mb-3">
                            <label for="phone" class="form-label">Phone <span class="text-danger">*</span></label>
                            <input type="text" name="phone" maxLength="11" required required minLength="11" class="form-control" id="phone">
                        </div>
                       </div>
                       
                       <div class="col-md-6">
                        <div class="mb-3">
                            <label for="nin" class="form-label">National Identification Number [NIN] <span class="text-danger">*</span></label>
                            <input type="text" name="nin" maxLength="11" minLength="11"   required  class="form-control" id="nin">
                        </div>
                       </div>
                       
                      <div class="col-md-6">
                        <div class="mb-3">
                            <label for="tin" class="form-label">Tax Identification Number [Optional]</label>
                            <input type="text" name="tin"   class="form-control" id="tin">
                        </div>
                       </div>
                       
                       <div class="col-md-6">
                        <div class="mb-3">
                            <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" name="email" required class="form-control" id="email">
                        </div>
                       </div> 
                       
                       
                            
                        <div class="col-md-6">
                               <div class="mb-3">
                                    <label for="gender" class="form-label">Gender <span class="text-danger">*</span></label>
                                    <select class="form-select  border-secondary border" data-live-search="true" name="gender" required id="gender">
                                         <option value="">Select Gender</option> 
                                         <option value="Male">Male</option>
                                         <option value="Female">Female</option>
                                    </select>
                                </div>
                            </div>
                        
                        <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="commandCode" class="form-label">Area Command <span class="text-danger">*</span></label>
                                    <input type="text" name="commandCode" readonly required  value="<?php echo $_SESSION['command_code']; ?>" class="form-control bg-gray" id="commandCode">
                                </div>
                            </div>
                            
                       
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="address" class="form-label">Home Address <small>[Not Company Address]</small> <span class="text-danger">*</span></label>
                                    <textarea name="address" required  class="form-control" id="address"></textarea>
                                </div>
                           </div>
                            
                            <input type="hidden" name="add-field-agent" value="True" />
                            
                        </div><!--End of Row-->
                    </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">Close</button>
                    <button type="submit" name="add-field-agent" id="submit-btn" class="btn btn-info waves-effect waves-light">Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /.modal -->



<!-- UNBLOCKL MODAL-->
<div id="unblock-modal" class="modal fade" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <form action="backend.php" method="post" class="parsley-examples">
                <div class="modal-header">
                    <h4 class="modal-title">FIELD AGENT ACTIVATION</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body px-4 py-2">
                    
                        <div class="row">
                           
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="unblockReason" class="form-label">Comment</label>
                                    <input type='hidden' id="unblock" name="unblock">
                                    <textarea name="unblockReason"  class="form-control" required id="unblockReason"></textarea>
                                </div>
                           </div>
                            
                        </div><!--End of Row-->
                    </div>
                <div class="modal-footer justify-content-between">
                    <button type="submit" name="btn-activate" class="btn btn-outline-success waves-effect waves-light">Activate</button>
                    <button type="button" class="btn btn-outline-danger waves-effect" data-bs-dismiss="modal">Close</button>
                    
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /.modal -->
 

<!-- DECLARANT SEARCH MODAL-->
<div id="declarant-search-modal" class="modal fade" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <form action="backend.php" method="post" class="parsley-examples">
                <div class="modal-header">
                    <h4 class="modal-title">TIN SEARCH</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body px-4 py-2">
                    
                        <div class="row">
                           
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="declarantTIN" class="form-label">Tax Identification Number</label>
                                    <input type="text" name="declarantTIN"  class="form-control" required id="declarantTIN">
                                </div>
                           </div>
                           
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="declarantLicence" class="form-label">Licence</label>
                                    <input type="text" name="declarantLicence" onkeyup="this.value = this.value.toUpperCase()" class="form-control" required id="declarantLicence">
                                </div>
                           </div>
                            
                        </div><!--End of Row-->
                    </div>
                <div class="modal-footer justify-content-between">
                    <button type="submit" name="declarant-tin" class="btn btn-outline-success waves-effect waves-light">Proceed</button>
                    <button type="button" class="btn btn-outline-danger waves-effect" data-bs-dismiss="modal">Close</button>
                    
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /.modal -->

<!-- BLOCK -->
<div id="block-modal" class="modal fade" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <form action="backend.php" method="post" class="parsley-examples">
                <div class="modal-header">
                    <h4 class="modal-title">FIELD AGENT BLOCKING</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body px-4 py-2">
                    
                        <div class="row">
                           
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="blockReason" class="form-label">Comment</label>
                                    <input type='hidden' id="block" name="block">
                                    <textarea name="blockReason"  class="form-control" required id="blockReason"></textarea>
                                </div>
                           </div>
                            
                        </div><!--End of Row-->
                    </div>
                <div class="modal-footer justify-content-between">
                    <button type="submit" name="btn-block" class="btn btn-outline-success waves-effect waves-light">Block</button>
                    <button type="button" class="btn btn-outline-danger waves-effect" data-bs-dismiss="modal">Close</button>
                    
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /.modal -->



