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

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

@section('contentheader_title')
{{ trans('Bike Image') }}
@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 Image') }} List</h3>
            <div class="box-tools pull-right">
                <!-- <a href="{{ url('/admin/bikeimage/create') }}" class="btn btn-sm btn-info"> <span class="glyphicon glyphicon-plus"> </span> {{ trans('Bike Image add') }}</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=''>#</th>
                                    <th width=''>Bike Name</th>
                                    <th width=''>Bike Image</th>
                                    <th width=''>Action</th>
                                   
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                if (!empty($bikes)) {
                                    $i = 0;
                                    foreach ($bikes as $bike) {
                                            $i++;
                                @endphp
                                        <tr>
                                            <td>{{ $i }}</td>
                                             <td>{{ $bike['name'] }}</td>
                                            <td>
                                            @if(count($bike['bike_image']) > 0)
                                                @foreach ($bike['bike_image'] as $key => $Bikeimages)
                                                    <img src="{{ $Bikeimages['image'] != '' ?  imageUploadUrl(3,$Bikeimages['image']):'' }}" class="profile-user-img img-responsive pull-left" alt="{{ trans('bike image') }}"  style="margin: 5px;"/>
                                                @endforeach
                                            @else
                                                No Images
                                            @endif
                                            </td>
                                           
                                              
                                            <td>
                                                <a href="{{ url('admin/bikeimage/edit/' . $bike['id']) }}" class="btn btn-success btn-sm" title='Edit'><i class="fa fa-pencil"></i></a>
                                                
                                                <a href="{{ url('admin/bikeimage/destroy/' . $bike['id']) }}" class="btn btn-danger btn-sm" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) {
                                                                     return true;
                                                                 } else {
                                                                     return false;
                                                                 }" title='Delete All'><i class="fa fa-trash"></i></a>
                                            </td>
                                        </tr>
                                        @php
                                    }
                                }
                                @endphp
                            </tbody>
                        </table>
                    <!-- </div>   -->
                </div>

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

    </div>
</div>
@endsection