@extends('layouts.app')

@section('title')
    All Channels
@endsection

@section('description')
    All channel is here.
@endsection

@section('breadcrumb')
    <li class="active"><a href="/channel">All Channel</a></li>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="box">
            <div class="box-header">

              <div class="box-title">
                <div class="input-group input-group-sm" style="width: 250px;">
                  <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">

                  <div class="input-group-btn">
                    <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                  </div>
                </div>
              </div>

              <div class="box-tools">
                      <!-- $channels->links() -->
              </div>

              @if (session('message'))
                  <div class="alert alert-{{session('status')}}  ">
                      {{ session('message') }}
                  </div>
              @endif
            </div>
             
            <!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
              <table class="table table-hover">
                <tr>
                  <th>#</th>
                  <th>Code</th>
                  <th>Pick Name</th>
                  <th>Show Name</th>
                  <th>Zone Name</th>
                  <th>Logo</th>
                  <th colspan="2">Action</th>
                </tr>
                @forelse ($channels as $index => $channel)
                    <tr>
                    <td>{{ $index+1 }}</td>
                    <td>{{ $channel->code }}</td>
                    <td>{{ $channel->pick_name }}</td>
                    <td><a href="{{ $channel->path() }}">{{ $channel->show_name }}</a></td>
                    <td>
                          @if ($channel->zones->exists())                         
                            No zones exist. Please <a class="btn btn-warning" href="/channels/{{$channel->id}}/edit/" > Edit </a> zone index
                          @else 
                            <a href=" /zones/{{$channel->zones_id}} ">
                            {{ $channel->zones->name}}
                          @endif
                        </a></td>
                    <td> 
                      <a href="{{ $channel->path() }} ">
                        <img src="{{ asset( 'storage/'. $channel->image) }}" style="height:30px; width:auto" />
                      </a>
                    </td>

                    @if(Auth::check())
                      @if(Auth::user()->role=='admin')
                          <td> 
                            <a class="btn btn-primary" href="/channels/{{$channel->id}}/edit/ "> Edit </a>
                          
                              <form action="/channels/{{ $channel->id }}" style="display: inline;" method="POST">
                                        {{ csrf_field() }}
                                        {{ method_field('DELETE') }}
                                <button class="btn btn-danger" type="submit"> Delete </button>
                              </form>
                          </td>                      
                          </tr>
                      @endif
                    @endif

                @empty
                    <tr><td>No data.</td></tr>                
                @endforelse
              </table>

            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
      <!-- <div class="col-4 center-block" >
        <button id="channelAdd" class="btn btn-primary pull-right">Add Channels</button>
      </div>   -->
    </div>
</div>  
@endsection