@extends('layouts.applicant')
@section('content')
<div class="row">
	<div class="page-header">
		<h4>@if(!empty($status)) {{strtoupper($status)}} @endif </h4>
		
	</div>
	<!-- /.row -->

 <!-- /.row -->
            <div class="row">
            	<!-- /.col-lg-6 -->
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                           @if(!empty($status)) {{strtoupper($status)}} @endif 
                        </div>
                        <!-- /.panel-heading -->
                        
                        <!---

							Your Content HERE


                        !>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-6 -->
            	
            </div>
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            @if(session('status'))
                <div class="alert alert-success">
                    {{session('status')}}
                </div>
            @endif
            @if(count($details)>0)
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover" id="dataTables-example1">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>RegNo</th>
                                <th>Hostel</th>
                                <th>RoomCategory</th>
                                <th>Semesters</th>
                                <th>Status</th>
                                
                            </tr>
                        </thead>
                                                @foreach($details as $m)
                                                <tbody>
                        
                            <tr class="primary">
                                <td>{{$coun}}</td>
                                <td>{{$m->first_name." ".$m->middle_name." ".$m->last_name}}</td>
                                <td>{{$m->reg_num}}</td>
                                <td>{{$m->hostel}}</td>
                                <td>{{$m->category}}</td>
                                <td>{{$m->semester}} Semesters</td>
                                @if($sel==0)
                                    <td><span class="btn btn-sm btn-danger">Not Allocated</span></td>
                                @else
                                    <td><span class="btn btn-sm btn-success">Allocated</span></td>
                                @endif
                            </tr>
                           
                        
                        @endforeach
                            
                            
                            
                        </tbody>
                    </table>
                </div>
                <!-- /.table-responsive -->
              
            </div>
            @elseif(count($hostels)>0)
            <!-- Form for Submitting Application -->
            <form action="applyaccommodation" method="POST">
                {{csrf_field()}}
                <div class="row">
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label>Select Preferred Hostel</label>
                            <select class="select2 form-control" name="hostel_name" id="hostel">
                            @if(count($hostels)>0)
                                <option value="">--select--</option>
                                @foreach($hostels as $hostel)
                                    <option value="{{$hostel->id}}" {{old("hostel_name") == $hostel->id ? "selected":""}}>{{strtoupper($hostel->name)}}</option>
                                @endforeach
                             @else 
                             <option value="">No results found</option>
                              @endif  
                            </select>
                        </div>
                    </div>
                     <div class="col-lg-3">
                            <div class="form-group">
                                <label>Select Preferred Room Category</label>
                                <select class="select2 form-control" name="category_name" id="category">
                                    <option value="">--please wait--</option>
                               </select>
                            </div>
                        </div>
                    
                        <div class="col-sm-3">
                            <div class="form-group">
                            <label>Semesters</label>
                                <select name="semester" class="form-control select2">
                                    <option value="">--select--</option>
                                    <option value="1" {{old("semester") == 1 ? "selected":""}}>1 Semester</option>
                                    <option value="2" {{old("semester") == 2 ? "selected":""}}>2 Semesters</option>
                                </select>
                            </div>
                        </div>
                       
                    </div>
                    <div class="row alert alert-warning">
                        <div class="col-lg-12">
                            <h4>AGREEMENT</h4>
                            <small><strong>By Clicking "I Agree" you accept to the fact of the following statement.</strong></small>
                            <div class="row">
                            <br>
                               <a href="{{asset('/documents/KMTC236 hostel tlc.pdf')}}" target="_blank" class="btn btn-primary">Click to read Terms and conditions</a>
                                
                            </div>
                            <div class="form-group">
                            <br>
                                I, <strong><u>{{strtoupper(Auth::User()->name)}}</u> </strong>, hereby agree that I shall abide by the rules and regulations governing the conduct of students in the hostels.
                            </div>
                            <input type="checkbox" name="agreement"  required> I AGREE
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <input type="submit" name="allocate" class="btn btn-primary" value="Submit Application">
                            </div>
                        </div>
                    </div>
                
            </form>
            @else
            <div class="row">
                <div class="col-sm-12">
                please click here to update your Gender. <a href="{{url('myparticulars')}}" class="btn btn-primary"><i class="fa fa-dashboard fa-fw btn btn-primary"></i> Update Details</a>
                    
                </div>
                 
            </div>
            <div class="row alert-warning">
                <div class="col-sm-12">
                    <div class="form-group">
                        <strong>
                            Sorry! Unfortunately,there is no hostel which is open for applications.Please keep on checking the portal.We are sorry for the inconvinience.  
                        </strong>
                        <br><br>
                        <strong>
                            Thank You!
                        </strong>
                    </div>
                </div>
            </div>
            @endif
	
</div>

<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#hostel").change(function(){
                    var id=$(this).val();
                    $.get("{{url('/getcategory')}}",
                        {option:$(this).val() },
                        function(data){
                            var cat=$("#category");
                            cat.empty();

                            $.each(data,function(index,element){

                                cat.append("<option value='"+ element.id +"'>" + element.name.toUpperCase() + "</option>");
                            });

                        });

                });
           
        });
    </script>
    
@stop
<!-- jQuery -->