@extends('admin.layouts.default')

@section('title')
    | Vehicle Detail
@endsection

@section('content')
<div class="content-wrap">
    <div class="heading-tag"><h1 class="main-heading">Fleet Details</h1></div>
        <div class="view-wrap">
            <div class="back-btn-wrap create-data">
            <a href="{{action('FleetController@index')}}" class="back-btn"><i class="fa fa-chevron-left"></i> Back</a>
            <a href="{{action('FleetController@edit', $fleet['id']) }}" class="create-btn"><i class="fa fa-edit" aria-label="hidden"></i>  Edit</a>
        </div>
        <div class="table-responsive">
            <table class="table table-striped table-bordered">
                <tbody>
                    <tr>
                        <th>ID</th>
                        <td>{{ $fleet['id'] }}</td>
                    </tr>
                    <tr>
                        <th>Name</th>
                        <td>{{ $fleet['name'] }}</td>
                    </tr>
                    <tr>
                        <th>No of seats</th>
                        <td>{{ $fleet['no_of_seats'] }}</td>
                    </tr>
                    <tr>
                        <th>Type</th>
                        <td>{{ $fleet['type'] }}</td>
                    </tr>
                    <tr>
                        <th>Feature</th>
                        <td>{{ $fleet['features'] }}</td>
                    </tr>
                    <tr>
                        <th>description</th>
                        <td>{{ $fleet['description'] }}</td>
                    </tr>
                    <tr>
                        <th>Featured Image</th>
                        <td>
                            <img src="{{ url('/').'/storage/videos/thumbs/'.$fleet->video_thumb}}" class="featured-img">
                        </td>
                    </tr>
                    <tr>
                        <th>Image(s)</th>
                        <td>
                                @php $filesIds =''; @endphp
                            <ul id="files_list">
                                @foreach($fleet->fleet_images as $image)
                                    @php $filesIds .= $image->id.',' @endphp
                                    <li class="gallery-img">
                                        <div class="view-gallery fleet-gallery">
                                        <img src="{{ url('/').'/storage/images/fleet/thumb-md/'.$image['filename']}}">
                                    </div>
                                    </li>
                                @endforeach

                            </ul>
                        </td>
                    </tr>

                    <tr>
                        @if(!empty($fleet->video))
                        <th>Video</th>
                        <td><video width="320" height="240" controls>
                            <source src="{{ url('storage/videos/'.$fleet->video) }}">
                             type="video/mp4">
                          </video></td>
                          @endif
                    </tr>
                    <!-- <tr>
                        <th>Slug</th>
                        <td>{{ $fleet->slug }}</td>
                    </tr> -->
                    <tr>
                        <th>Meta Title</th>
                        <td>{{ $fleet->meta_title }}</td>
                    </tr>
                    <tr>
                        <th>Meta Description</th>
                        <td>{{ $fleet->meta_description }}</td>
                    </tr>
                    <tr>
                        <th>Status</th>
                        <td>{{ $fleet['is_active'] == 1 ? 'Active' : 'In-Active' }}</td>
                    </tr>
                    <tr>
                        <th>Created At</th>
                        <td>{{ Helper::utcToLocalDateTime($fleet['created_at']) }}</td>
                    </tr>
                    <tr>
                        <th>Updated At</th>
                        <td>{{ Helper::utcToLocalDateTime($fleet['updated_at']) }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection