@extends('app')
@section('title') Tourist Places @stop
@section('content')
      <div class="row">
        <div class="col-md-12">
          <h2 class="page-title">Tourist places</h2>
          
          <!-- Zero Configuration Table -->
          <div class="panel">
            <div class="panel-body">
              <div class="">
                <ul class="nav nav-tabs ul-edit responsive">
                @if(isset($data['hotspotdetails']->name))
                  	<li class="">
                @else
                	<li class="active">
                @endif 
                 <a data-toggle="tab" href="#tab-activity"><i class="fa fa-area-chart"></i>&nbsp;
                    Places ( {{ count($data['hotspots']) }} )</a></li>
                 @if(isset($data['hotspotdetails']->name))   
                  <li class="active"><a data-toggle="tab" href="#tab-edit"><i class="fa fa-edit"></i>&nbsp;
                    {{$data['hotspotdetails']->name}} - Edit</a></li>
                  <li class=""><a data-toggle="tab" href="#tab-images"><i class="fa fa-file-image-o"></i>&nbsp;
                    {{$data['hotspotdetails']->name}} - Photo</a></li>
                  <li class=""><a data-toggle="tab" href="#tab-videos"><i class="fa fa-file-video-o"></i>&nbsp;
                    {{$data['hotspotdetails']->name}} - Video</a></li>
                 @endif
                </ul>   
				<div class="tab-content" id="generalTabContent">
				<!-- -------------------------------------------------------------------------------- -->
				 @if(isset($data['hotspotdetails']->name))
				 	<div class="tab-pane fade" id="tab-activity">
				 @else
				 	<div class="tab-pane fade active in" id="tab-activity">
				 @endif
                    <div class="row">
                      <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="table-responsive">
                          <form role="form" class="form-horizontal">
                            
                              <table width="100%" cellspacing="0" class="table table-striped table-bordered dataTable" id="datatables-1" role="grid" aria-describedby="datatables-1_info" style="width: 100%;">
                                <thead>
                                  <tr role="row">
                                    <th class="sorting_asc" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 288px;">Tourist Place Name</th>
                                    <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 189px;" aria-label="Salary: activate to sort column ascending">Actions</th>
                                  </tr>
                                </thead>
								 @if(count($data['hotspots']) > 10)
                                <tfoot>
                                  <tr>
                                    <th rowspan="1" colspan="1">Tourist Place Name</th>
                                    <th rowspan="1" colspan="1">Actions</th>
                                  </tr>
                                </tfoot>
								@endif
                                <tbody>
																@foreach($data['hotspots'] as $hotspot)
								                                   <tr role="row" class="{{ $cnt % 2 == 0 ? 'even' : 'odd'}}">
                                    <td class="sorting_1">{{ $hotspot->name }}</td>
                                    <td><div class="btn-group">
                                    @if(isset($data['hotspotdetails']->name) && $data['hotspotdetails']->name == $hotspot->name)
                                        <a href="{{ url('admin/hotspot/'.$hotspot->id) }}"><button title="" data-toggle="tooltip" type="button" class="btn btn-xs btn-default disabled" data-original-title="Edit Client"><i class="fa fa-pencil"></i>&nbsp;Edit</button></a>
                                        <a href="{{ url('admin/hotspot/'.$hotspot->id.'#tab-images') }}"><button title="" data-toggle="tooltip" type="button" class="btn btn-xs btn-default disabled" data-original-title="Image"><i class="fa fa-file-image-o"></i>&nbsp;Photo</button></a>
                                        <a href="{{ url('admin/hotspot/'.$hotspot->id.'#tab-videos') }}"><button title="" data-toggle="tooltip" type="button" class="btn btn-xs btn-default disabled" data-original-title="Video"><i class="fa fa-file-video-o"></i>&nbsp;Video</button></a>
                                    @else                                    
                                        <a style="margin-right: 5px" class="btn btn-xs btn-default" href="{{ url('admin/hotspot/'.$hotspot->id) }}"><i class="fa fa-pencil"></i>&nbsp;Edit</a>
                                        
                                        <a style="margin-right: 5px" class="btn btn-xs btn-default" href="{{ url('admin/hotspot/'.$hotspot->id.'#tab-images') }}"><i class="fa fa-file-image-o"></i>&nbsp;Photo</a>
                                        
                                        <a style="margin-right: 5px" class="btn btn-xs btn-default" href="{{ url('admin/hotspot/'.$hotspot->id.'#tab-videos') }}"><i class="fa fa-file-video-o"></i>&nbsp;Video</a>
                                    
                                    @endif 
                                      </div></td>
                                  </tr> 
								@endforeach								  
                                </tbody>
                              </table>                             
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>       		
				<!-- ------------------------------------------------------------------------------- -->
				@if(isset($data['hotspotdetails']))
                  <div class="tab-pane fade active in" id="tab-edit">