@extends('admin.layouts.index')



@section('content')
<section id="main-content">
	<section class="wrapper">
		<!-- <div class="table-agile-info"  style="padding: 4em;">
        <div class="col-lg-4 " style="" ><a href="admit.php">
				<input class="btn btn-success"   type="submit" value="Enroll" name="login"></a>
                <input class="btn btn-danger"  data-toggle="modal" data-target="#myModalimportstudent" type="submit" value="Import Student" name="login">
                <input class="btn btn-warning"   type="submit" value="Export Student" name="login">
</div>
            <div class="col-lg-4">
            <div class="col-lg-6">
                <div class="form-group">
                               
                               
                                <select class="form-control ">
                                
                                <option>Select Session</option>
                                <option>2022/23 Academic Session</option>
                                 </select>
                                </div>
</div><div class="col-lg-6">
                                <div class="form-group">
                               
                               
                                <select class="form-control ">
                                
                                <option>Select Session</option>
                                <option>2022/23 Academic Session</option>
                                 </select>
                                </div>
                                </div>
                        </div>


                            <div class="col-lg-4">
                                

                            <ul  class="nav pull-right top-menu p-4">
        <li><lable>Search Applicant</lable>
            <input type="text" class="form-control search" placeholder=" Search">
        </li>

</ul>         
                            </div>
                            </div> -->
 <div class="panel panel-default" style="margin-top:15px;">
    <div class="panel-heading">
     Application Details
    </div>
    <div class="table-responsive">
      <table id="mytable" class="table myTable" ui-jq="footable" ui-options='{
        "paging": {
          "enabled": true
        },
        "filtering": {
          "enabled": true
        },
        "sorting": {
          "enabled": true
        }}'>
        <thead>
          <tr>
            <th >Sno</th>
            <th >ID</th>
            <th>Full  Name</th>
            <th>Email/Phone</th>
            <th >Class</th>
            <th>Gender</th>
            <th>Status</th>
            <th class="text-center" >Action</th>
          </tr>
        </thead>
        <tbody>
                        @foreach($applications as $application)
          <tr data-expanded="true">
            <td>{{  $loop->index }}</td>
            <td>{{  $application->id }}</td>
            <td>{{  $application->first_name }} {{  $application->last_name }}</td>
            <td>{{  $application->email }}/{{  $application->phone }}</td>
            <td>{{  @$meta['classes']['name'][$application->assign_class] }}</td>
            <td>{{  $application->gender }}</td>
            <td>{{  $application->status }}</td>

            
            <td class="" >
            <a  style="padding:3px; border-style: solid; " class="agile-icon bg-info " href="students/{{  $application->id }}"><i style="padding:7px;" class="fa fa-eye" aria-hidden="true">View/Edit</i> </a>  
            <!-- <a style="padding:3px; border-style: solid;" class="agile-icon  bg-info" href="#"><i style="padding:7px;" class="fa fa-bar-chart" aria-hidden="true">Report Card</i> </a> 
            <a  style="padding:3px; border-style: solid;" class="agile-icon bg-info" href="#"><i style="padding:7px;" class="fa fa-users" aria-hidden="true">Parent</i> </a>
            <a style="padding:3px; border-style: solid;" class="agile-icon bg-info" href="#"><i style="padding:7px;" class="fa fa-edit" aria-hidden="true">Edit</i> </a><br>
            <a style="padding:3px;  border-style: solid;" class="agile-icon bg-info" href="#"><i style="padding:7px;" class="fa fa-file" aria-hidden="true">Status</i> </a>
            <a style="padding:3px; border-style: solid;" class="agile-icon bg-info" href="#"><i style="padding:7px;" class="fa fa-comment" aria-hidden="true">SMS</i> </a>
            <a style="padding:3px; border-style: solid;" class="agile-icon bg-info" href="#"><i style="padding:7px;" class="fa fa-envelope" aria-hidden="true">Email</i> </a>
            <a style="padding:3px; border-style: solid;" class="agile-icon bg-danger" href="#"><i style="padding:7px;"  class="fa fa-envelope" aria-hidden="true">Delete</i> </a> -->

           
            
            </td>
          </tr>
          @endforeach
          
        </tbody>
      </table>
      <nav aria-label="Page navigation example">
  {{-- <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">Next</a></li>
  </ul> --}}
</nav>
    </div>
  </div>
</div>
</section>
<!--modal-->
<div style="z-index: 999999; margin-top: 2%;" class="modal fade" id="myModalimportstudent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div style="width:900px;" class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
	  <h4 class="modal-title" id="myModalLabel" style="margin-right:40px;">Import Students Data from Excel</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		
        <div class="row">
        
                
                        <div class="panel-body">
                        <div id="messageBox" style="max-width: 850px; background:yellow;" class="message blue">

<strong>Important Notice</strong><br>

Use this tool to import existing students from an Excel file. Please download the Sample Excel file to see the correct arrangement for your Excel sheet. Please note that all fields are required to get the best result.<br><br>

 <a class="btn btn-info" href="sample2.xls">Download Sample</a></div>
                            <div class="form">
                                <form class="cmxform form-horizontal" id="signupForm" method="get" action="" >
                                
                                    <div class="form-group ">
                                        <label for="lastname" class="control-label col-lg-4 pull-left">Select Class to Import		</label>
                                        <div class="col-lg-6">
                                        <select class="form-control ">
                                <option>All Applicant</option>
                                <option>Accepted Applicants</option>
                                <option>Rejected Applicants</option></select>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="username" class="control-label col-lg-4 pull-left">Upload Excel File</label>
                                        <div class="col-lg-6">
                                        <input type="file" class="form-control" id="inputlastname"  value="" placeholder="Password" >
                                    </div>
                                    
                                    
                                    
                                  
                                    

                                    <div class="form-group " >
                                        <div class="col-lg-offset-3 col-lg-6" style="margin-top:15px;">
                                            <button class="btn btn-primary" type="submit">Import Record</button>
                                            <button class="btn btn-default" type="button">Cancel</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </section>
                </div>
            </div>




    </div>
	
      <div style="padding: 10px;" class="modal-body">
        
      </div>
     
    </div>
  </div>
</div>
<!--modal-->
 
@endsection