@extends("layouts.default")

@section("title", trans("lang.service"))

@section("block-header")
    @lang('lang.service_',['name'=>__('lang.detail')])
    <small>
        <a class="btn btn-primary" href="{{ route('service.index') }}">@lang('lang.back')</a>
        @can('edit_purchase')
            <a class="btn btn-primary" href="{{ route('service.edit',$data->id) }}">@lang('lang.edit')</a>
        @endcan
    </small>
@stop

@section("breadcrumb")
    @parent
    <li class="breadcrumb-item">
        <a href="{{ route('service.index') }}">@lang('lang.service_',['name'=>trans('lang.list')])</a>
    </li>
    <li class="breadcrumb-item active">
        @lang('lang.service_',['name'=>__('lang.detail')])
    </li>
@stop

@section("content")
    <!-- Basic Table -->
    <div class="row clearfix">
        <div class="col-md-12 col-sm-12">
            @includeWhen(Session::has("success"),"inc.alert")
            <div class="card">
                <div class="card-body">
                    <section class="d-flex flex-column">
                        <h2>{{ @$data->property->name }}</h2>
                        <p class="mt-1">
                            <small class="text-muted">
                                @lang('lang.unit')
                                <label
                                        class="badge badge-success">{{ @$data->property->unit }}</label>
                            </small>
                        </p>
                        <div class="row">
                            <div class="col-6">
                                <img class="img-fluid" src="{{ Helpers::setImageSrc(@$data->property->feature_image) }}" alt="">
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
@stop