@extends('main_layouts.admin_template')
@section('content')
    <div class="content-wrapper" style="min-height: 916px;">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Sports
            </h1>
            <ol class="breadcrumb">
                <li><a href="{{ url('/admin') }}"><i class="fa fa-dashboard"></i> Home</a></li>
                <li class="active">Sports</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="box box-custom-color" style="min-height:450px;">
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-12">
                            <a href="{{url('/admin/sports/add')}}" class="btn btn-default pull-right"><i class="fa fa-plus"></i> Add Sports</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <hr>
                        </div>
                        @if(!empty($row ))
                            @foreach ($row as $r)
                                <div class="col-md-3 col-sm-4 col-xs-6">
                                    <div class="sports-border">
                                        <a href=""><img src="{{url('/public')}}/{{$r->Thumbnail}}" alt="Sports" class="img img-responsive product-center"  /></a>
                                        <div class="sport-edit-btn">
                                            <a href="{{ url('/admin/sports/edit') .'/'. $r->URL }}" class="btn btn-primary btn-block btn-xs"><i class="fa fa-edit"></i> Edit</a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @else
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h3 class="no-record text-center">No Record Found.</h3>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </section>
    <!-- /.content -->
    </div>
@endsection