@extends('backend.layouts.app')

@section('content')

{!! Html::style('expand/jquery-ui.css') !!}
{!! Html::script('expand/jquery-1.10.2.js') !!}
{!! Html::script('expand/jquery-ui.js') !!}
<!-- Will be used to show any messages -->
<style>
#message {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
  color: #31708f !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
  border: 1px solid transparent !important;
}
</style>
@if(Session::has('message'))
<div class_alias="alert alert-info" id="message">{{ Session::get('message')}}</div>
@endif

{!! Html::style('expand/dataTables.bootstrap.css') !!}
{!! Html::script('expand/jquery.dataTables.min.js') !!}
{!! Html::script('expand/dataTables.bootstrap.min.js') !!}
<script>
    $(document).ready(function() {
	        $('#example').DataTable({
			   "lengthMenu": [ [25, 50, 100, -1], [25, 50, 100, "All"] ],
                responsive: true,
				"aaSorting": []
        });
    });
	
	function deleteSession(id) {
              if (confirm('Are you sure you want to delete?')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/sessions/delete') }}" + "/" + id,
                                           success: function(message) {
                                         
										   window.location.href = "{{ URL::to('admin/sessions') }}";
                                           }
                                        });
				}
                        
              
       }
    </script>
<!--<div class="row" id="ajaxmaterialdisplayform">

<div class="row">
	<div class="col-md-10">
		<h3>Services List</h3>
	</div>
	<div class="col-md-2">
	<a href="{{ url('admin/services/create') }}" class="btn default pull-right" id="">Add New <i class="fa fa-plus"></i></a>
	</div>
</div>	
<hr>

<!-- End Page Content 
</div>

  
  <br><br>-->
<div class="row" id="ajaxmaterialdisplayform" style="background-color:#fff;">
  <div class="col-md-12">
    <div class="portlet">
      <div class="portlet-title">
        <div class="row">
          <div class="col-md-7">
            <h3><b>Sessions</b></h3>
          </div>
		  
          <div class="col-md-5">
            <p class="form-control-static pull-right"> <a href="{{ url('admin/sessions/create') }}" class="btn default pull-right"><i class="fa fa-plus"></i>&nbsp;Add Session</a></p>
          </div>
         </div>
      </div>
      <div class="portlet-body">
        <div class="row" id="read">
          <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet">
			 <div class="table-responsive">
                      <table class="table table-striped table-hover table-bordered" id="example">
            <thead>
                <tr>
				    <th>Session Name</th>
                    <th>Status</th>
					<th>Action</th>
                </tr>
            </thead>
            <tbody>
               @foreach ($sessions as $session)  
               
                <tr>
                    <td><a href="{{ url('admin/sessions/'.$session->sesion_id) }}">{{ $session->session_name }}</a></td>
					<td>{{ $session->status }}</td>
                    <td>
                        <a class="btn default btn-sm" href="{{ url('admin/sessions/'.$session->sesion_id) }}" > Edit </a> 
                        <a id="delete_mgp" href="javascript:deleteSession({{ $session->sesion_id }});" class="btn red btn-sm "> Delete</a>
					</td>
                </tr>
                 @endforeach
                 
            </tbody>
        </table> </div>
            </div>
          </div>
          <div class="portlet-body">
		 </div>
        </div>
      </div>
    </div>
  </div>
</div>


{!! Html::script('expand/js/jquery.validate.min.js') !!}
<!-- jQuery Form Validation code -->
<script>
  
  // When the browser is ready...
  $(function() {
  $(".create_form").validate();
  $(".edit_form").validate();
  });
  
  </script>
@stop