@extends('layouts.app')

@section('content')


<section class="content-header">
    <h1>
        Stream Management
        <small>manage streams</small>
    </h1>
</section>

<!-- /.box -->

<div class="box box-danger" style="margin-top:20px">
    
    <!-- /.box-body -->
</div>
<!-- /.box -->

@if ($message = Session::get('success'))
<div class="alert alert-warning shows-div">
    <p>{{ $message }} </p>
</div>
@endif


<div class="box">
    <div class="box-header">
        <h3 class="box-title">Stream Data</h3>
        <div class="pull-right">
            <a class="btn btn-success btn-sm pull-right" href="{{ route('stream.create') }}"> Create Stream</a>
            
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">

        <table class="table table-bordered table-hover dataTable">
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>App</th>
                <th>Stream</th>
                <th>Start At</th>
                <th>End At</th>
                <th>Status</th>
                <th>Created At</th>
                <th>Action</th>
            </tr>
            @foreach ($stream as $key => $val)
            <tr>
                <td>{{ $val->id }}</td>
                <td>{{ $val->name }}</td>
                <td>{{ $val->app }}</td>
                <td>{{ $val->stream }}</td>
                <td>{{ $val->start_at }}</td>
                <td>{{ $val->end_at }}</td>
                <td>{{ ucfirst($val->status) }}</td>
                <td>{{ $val->created_at }}</td>
                <td class="col-md-2">
                    <a class="btn btn-primary btn-sm btn-block space_buttons" href="{{ route('stream.edit',$val->id) }}">Edit</a>
                    <a class="btn btn-info btn-sm btn-block space_buttons" href="{{ route('stream.delete',$val->id) }}">Delete</a>
                </td>
            </tr>
            @endforeach
        </table>

    </div>
    <!-- /.box-body -->
    
    
    
</div>
<!-- /.box -->




<script type="text/javascript">
//Active/Inactive user
    
</script>
@endsection