@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
<div class="well">
    <div class="row">
        <div class="pull-left col-md-12">
            <h3>Live Channels</h3>
        </div>

        <div class="col-md-12 col-lg-12 margin-tb searchBoxCls">
            <div class="row">
                <form role="form" method="POST" action="{{ route('media.index') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    
                    <div class="col-md-4">
                        <input type="text" class="form-control" name="search" placeholder="Search by channel name" value="@if(isset($search)){{$search}}@endif">
                    </div>

                                        <div class="col-md-2">
                        <select class="col-md-2 form-control" name="type">
                            <option value="">Select Type</option>
                            @foreach($arrType as $key=>$vtype)
                            <option value="{{ $key }}" @if($key == $type) selected @endif>{{ $vtype }}</option>
                            @endforeach
                        </select>
                    </div>                

                                        <div class="col-md-2">                
                        <select class="form-control" name="status">
                            <option value="">Select Status</option>
                            @foreach($arrStatus as $key=>$vstatus)
                            <option value="{{ $key }}" @if($key == $status) selected @endif>{{ $vstatus }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-1">
                        <button class="btn btn-default btn-sm form-control" type="submit">
                            <i class="fa fa-search"></i>
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <div class="col-md-12 space_buttons">
            <a class="btn btn-success btn-sm pull-right" href="{{route('media.create')}}">Create New</a>
        </div>
    </div>
</div>

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

<table class="table table-bordered">
	<tr>
		<th>ID</th>
		<th>Server Url</th>
		<th>Application Name</th>
		<th>Channel Name</th>
		<th>Load</th>
		<th>Type</th>
		<th>Status</th>
        <th>Order</th>
		<th>Action</th>
	</tr>

	@foreach ($mediaDetails as $key => $media)
	<tr>
		<td>{{ $media->id }}</td>
		<td>{{ $media->wowza_server_url }}</td>
		<td>{{ $media->app_name }}</td>
		<td>{{ $media->channel_name }}</td>
		<td>{{ $media->load }}</td>
		<td>{{ $media->type }}</td>
		<td class="statusUpdate">{{ ucfirst($media->status) }}</td>
        <td>
            <select class="form-control changeOrder" name="status" data-id="{{$media->id}}">
                <option value="">Order</option>
                @foreach(range(1, $total['channels']) as $i)
                <option value="{{ $i }}" @if($i == $media->channel_order) selected @endif>{{ $i }}</option>
                @endforeach
            </select>
        </td>
		<td>
			<a class="btn btn-primary btn-sm btn-block space_buttons" href="{{ route('media.editchannels',$media->id) }}">Edit</a>

            @if($media->status == 'active')
            <a class="btn btn-success btn-sm btn-block space_buttons changeStatus" href="#" data-id="{{ $media->id }}" data-status="inactive" data-logo="{{$media->logo}}">Inactive</a>
            @else
            <a class="btn btn-danger btn-sm btn-block space_buttons changeStatus" href="#" data-id="{{ $media->id }}" data-status="active" data-logo="{{$media->logo}}">Active</a>
            @endif

            <a href="#" class="btn btn-info btn-sm btn-block space_buttons addToGeoGroups" data-media_id="{{ $media->id }}" data-geo_group_id="{{$media->geo_group_id}}" data-type="channel">Geo Restriction</a>
		</td>
	</tr>
	@endforeach
</table>

<!-- Group Popup -->
@include('elements.groups')

{!! $mediaDetails->appends($append)->render() !!}

<script src="{{ asset('/js/groups.js') }}"></script>
<script src="{{ asset('/js/livechannel.js') }}"></script>

@endsection