@extends('layouts.admin.app')
@section('title', 'Detail '.$title)
@section('content')
   <div class="card">
       <div class="card-body">
        <div class="mb-3">
            <label for="title" class="form-label">Judul</label>
            <input type="text" name="title" class="form-control" id="title" value="{{ $data->title }}"
                disabled>
        </div>
        <div class="mb-3">
            <label for="service_id" class="form-label">Service</label>
            <input type="text" name="service_id" class="form-control" id="service_id" value="{{ $data->service_id }}"
                disabled>
        </div>
        <div class="mb-3">
            <label for="desc" class="form-label">Description</label>
            <textarea name="desc" class="ckeditor form-control" id="desc" readonly>{{ $data->desc }}</textarea>
        </div>
        <div class="mb-3">
            <img src="{{ url('/files/products/') . '/' . $data->img }}" alt="img" class="img-thumbnail" width="500">
        </div>
       </div>
   </div>
    <div class="card my-2">
        <div class="card-body">
            <h4>Product Feature</h4>
            <div class="table-responsive">
                <table data-toggle="table" data-search="true" class="overflow-hidden">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Name</th>
                            <th>Description</th>
                            <th>Image</th>
                            <th>Features</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($productFeatures as $feature)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $feature->name }}</td>
                            <td>{!! Str::limit( strip_tags( $feature->desc ), 50 ) !!}</td>
                            <td><img src="{{ url('/files/product-features/') . '/' . $feature->img }}" alt="img" class="img-thumbnail" width="100"></td>
                            <td>{!! $feature->features !!}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <a href="{{ route($route.'index') }}" class="btn btn-primary text-white">Back</a>
@endsection