@extends('admin_layout')
 @section('admin_content')
 <div class="table-agile-info">
  <div class="panel panel-default">
    <div class="panel-heading">
     Liệt kê Chủng loại SP
     <a  class="btn btn-success" href="{{URL::to('/add-cate-product')}}">Thêm chủng loại</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 Chủng loại SP</th>
            <th>Mô tả </th>
            <th>Hiển thị </th>
            <th style="width:30px;"></th>
          </tr>
        </thead>
        <tbody>
        	@foreach($all_cate_product as $key => $cate_pro)
          <tr>
            <td><label class="i-checks m-b-none"><input type="checkbox" name="post[]"><i></i></label></td>

             <td>{{$cate_pro -> cate_name}}</td>
               <td>{{$cate_pro -> cate_desc}}</td>

           <td><span class="text-ellipsis">

           <?php
           if($cate_pro ->cate_status==0){
           ?>
           <a href="{{URL::to('/unactive-cate-product/'.$cate_pro->cate_id)}}"> <span class="fa-thumb-styling fa fa-thumbs-down"> </span></a>
           <?php
           }
           else {
           	?>
           	<a href="{{URL::to('/active-cate-product/'.$cate_pro->cate_id)}}"> <span class="fa-thumb-styling fa fa-thumbs-up"> </span></a>
           	<?php
           }
           ?>
           </span></td>
            <td>
              <a href="{{URL::to('/edit-cate-product/'.$cate_pro->cate_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-cate-product/'.$cate_pro->cate_id)}}" class="active" ui-toggle-class=""> <i class="fa fa-times text-danger text"></i></a>

            </td>
          </tr>
       @endforeach

         <tr>

                 

           </tr>         
            
        </tbody>
      </table>
  </div>




  {{-- import &export --}}
    <tr>
    <br>
    <form action="{{url('/import-csv')}}" method="POST" enctype="multipart/form-data">
          @csrf
        <input type="file" name="file" accept=".xlsx"><br>
       <input type="submit" value="Import CSV" name="import_csv" class="btn btn-warning">
    </form>
    </br>
    <br>
    <form action="{{url('/export-csv')}}" method="POST">
          @csrf
       <input type="submit" value="Export CSV" name="export_csv" class="btn btn-success">
    </form>
     </tr>
    </br> 
    {{-- end import &export --}}
    <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