@extends('layouts.admindefault')

@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 deleteOrganization(id) {
              if (confirm('Are you sure you want to delete?')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/organizations/delete') }}" + "/" + id,
                                           success: function(message) {
                                         
										   window.location.href = "{{ URL::to('admin/organizations') }}";
                                           }
                                        });
				}
                        
              
       }
    </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>Organizations</b></h3>
          </div>
		  
          <div class="col-md-5">
            <p class="form-control-static pull-right"> <a href="{{ url('admin/organizations/create') }}" class="btn default pull-right"><i class="fa fa-plus"></i>&nbsp;Add Organization</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>Organization Name</th>
					<th>Organization Code</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
               @foreach ($organizations as $organization)  
               
                <tr>
                    <td><a href="{{ url('admin/organizations/'.$organization->org_id) }}">{{ $organization->org_name }}</a></td>
					 <td>{{ $organization->org_code }}</td>
                    <td>{{ $organization->org_email }}</td>
                    <td>{{ $organization->org_phone }}</td>
                    <td>
                        <a class="btn default btn-sm" href="{{ url('admin/organizations/'.$organization->org_id) }}" > Edit </a> 
                        <a id="delete_mgp" href="javascript:deleteOrganization({{ $organization->org_id }});" class="btn red btn-sm "> Delete</a>
						<a class="btn green btn-sm" href="{{ url('admin/organization/'.$organization->org_id.'/settings') }}" > Settings </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