@extends('adminlte::layouts.app')

@section('htmlheader_title')	
{{ trans('Bike Management') }}
@endsection

@section('contentheader_title')
{{ trans('Bike Management') }}
@endsection
@section('main-content')

<div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">
    @if (Session::has('message'))
    <div class="alert alert-info">{!! Session::get('message') !!}</div>
    @endif
    @if (Session::has('error'))
    <div class="alert alert-danger">{!! Session::get('error') !!}</div>
    @endif
    @if (Session::has('success'))
    <div class="alert alert-success">{!! Session::get('success') !!}</div>
    @endif

    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">{{ trans('Bike') }} List</h3>
            <div class="box-tools pull-right">
                <a href="{{ url('/admin/bike/create') }}" class="btn btn-sm btn-info"> <span class="glyphicon glyphicon-plus"> </span> {{ trans('Add New') }}</a>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <div class="row">
                
                <div class="col-md-12">
                    <!-- <div class="table-responsive"> -->
                        <table id="datatable1" class="table table-bordered table-striped dataTable">
                            <thead>
                                <tr>
                                    <th width='5%'>#</th>
                                    <th width='10%'>Image</th>
                                    <th>Name</th>
                                    <th width='15%'>Ticket Price</th>
                                    <th width='9%'>Status</th>
                                    <th width='9%'>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                                            </tbody>
                        </table>
                    <!-- </div>   -->
                </div>

            </div>
            <!-- /.row -->
        </div>

    </div>
</div>
@endsection