@extends('admin_layout')
 @section('admin_content')
 <div class="table-agile-info">
  <div class="panel panel-default">
    <div class="panel-heading">
     Liệt kê banner 
      <a class="btn btn-success" href="{{URL::to('/add-slider')}}"> Thêm slider</a>  
    </div>
    <div class="row w3-res-tb">
      <div class="col-sm-5 m-b-xs">
        <select class="input-sm form-control w-sm inline v-middle">
          <option value="0">Bulk action</option>
          <option value="1">Delete selected</option>
          <option value="2">Bulk edit</option>
          <option value="3">Export</option>
        </select>
        <button class="btn btn-sm btn-default">Apply</button>                
      </div>
      <div class="col-sm-4">
      </div>
      <div class="col-sm-3">
        <div class="input-group">
          <input type="text" class="input-sm form-control" placeholder="Search">
          <span class="input-group-btn">
            <button class="btn btn-sm btn-default" type="button">Go!</button>
          </span>
        </div>
      </div>
    </div>
    <div class="table-responsive">
    	 <?php
    $message = Session::get('message');if ($message) {
        echo '<span class="text-alert">',$message,'</span>';
        Session::put('message',null);
            // code...
        }
    
    ?>
      <table class="table table-striped b-t b-light">
        <thead>
          <tr>
            <th style="width:20px;">
              <label class="i-checks m-b-none">
                <input type="checkbox"><i></i>
              </label>
            </th>
            <th>Tên slider</th>
            <th>Slide code (cùng code hiển thị 1 vi trí )</th>
            <th>Slider Link</th>
            <th>Hình ảnh  </th>
            {{-- <th>Hình ảnh 2 </th> --}}
             <th>Mô tả </th>
            <th>Hiển thị </th>
            
         </thead>
        <tbody>
        	@foreach($all_slide as $key => $slide)
          <tr>
            <td><label class="i-checks m-b-none"><input type="checkbox" name="post[]"><i></i></label></td>
            <td>{{$slide ->slider_name}}</td>
            <td>{{$slide ->slider_code}}</td>
            <td><img src="public/uploads/slider/{{$slide -> slider_image}}" height="100" with="150"></td>
            {{-- <td><img src="public/uploads/slider/{{$slide -> slider_image1}}" height="100" with="150"></td> --}}
            <td>{{$slide ->slider_desc}}</td>
            <td>{{$slide ->slider_link}}</td>
            <td><span class="text-ellipsis">
            
           <?php
           if($slide ->slider_status==0){
           ?>
           <a href="{{URL::to('/unactive-slide/'.$slide->slider_id)}}"> <span  class="fa-thumb-styling fa fa-thumbs-down"> </span></a>
           <?php
           }
           else {
           	?>
           	<a href="{{URL::to('/active-slide/'.$slide->slider_id)}}"> <span class="fa-thumb-styling fa fa-thumbs-up"> </span></a>
           	<?php
           }
           ?>
           </span></td>
            <td>
              <a href="{{URL::to('/edit-slider/'.$slide->slider_id)}}" class="active styling edit" ui-toggle-class=""><i class="fa fa-pencil-square-o"></i></a>

               <a onclick="return confirm('bạn có chắc muốn xóa không?')" href="{{URL::to('/delete-slider/'.$slide->slider_id)}}" class="active" ui-toggle-class=""> <i class="fa fa-times text-danger text"></i></a>

            </td>
          </tr>
       @endforeach
        </tbody>
      </table>
    </div>
    <footer class="panel-footer">
      <div class="row">
        
        <div class="col-sm-5 text-center">
          <small class="text-muted inline m-t-sm m-b-sm">showing 20-30 of 50 items</small>
        </div>
        <div class="col-sm-7 text-right text-center-xs">                
          <ul class="pagination pagination-sm m-t-none m-b-none">
            <li><a href=""><i class="fa fa-chevron-left"></i></a></li>
            <li><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href=""><i class="fa fa-chevron-right"></i></a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
</div>
</section>
 

@endsection