@extends('admin.layouts.content')
	@section('content')
		<div class="card">
			@include('components.card_header', ['title' => 'Media', 'create_title' => 'New Media', 'create' => route('New Media')])
			<div class="card-body">
				<div class="d-flex align-items-center">
                    <form action="{{ route('Media') }}" class="form-inline float-left mx-auto w-100" method="GET" autocomplete="off">
                    	<div class="input-group input-group-sm ml-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text rounded-0"><i class="fa fa-search"></i></span>
                            </div>
                            <input type="text" name="search" value="{{ old('search', $search) }}" class="form-control form-control-sm rounded-0 mr-2" placeholder="Search">
                            <input type="Submit" class="btn btn-primary btn-sm rounded-0">
                        </div>
                    </form>
                </div>
			</div>
            <div class="table-responsive">
                <table class="table table-hover pb-0 mb-0">
                    <thead>
                        <tr>
                            <th class="text-nowrap">#</th>
                            <th class="text-nowrap">Title</th>
                            <th class="text-nowrap">Length</th>
                            <th class="text-nowrap">Size</th>
                            <th class="text-nowrap">Status</th>
                            <th class="text-nowrap">Created By</th>
                            <th class="text-nowrap">Created At</th>
                            <th class="text-right text-nowrap">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($media as $m)
                        <tr>
                            <td class="text-nowrap">{!! $loop->iteration !!}</td>
                            <td>{!! $m->title !!}</td>
                            <td></td>
                            <td></td>
                            <td><i class="font-weight-bold {!! $m->is_active ? 'text-success' : 'text-danger' !!}">{!! $m->is_active ? 'Active' : 'Inactive' !!}</i></td>
                            <td>{!! $m->user->full_name !!}</td>
                            <td>{!! $m->created_at->format('F d, Y h:i A') !!}</td>
                            <td class="text-right">
                                @include('components.edit', ['route' => route('Edit Media', ['id' => $m->id])]) 
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8">
                                <small class="font-weight-bold text-danger"><i class="fa fa-exclamation-circle"></i> No record(s) found.</small>
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <br>
    @endsection