@extends('layouts.frontend')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">

            <div class="card">
                <div class="card-header">
                    {{ trans('global.show') }} {{ trans('cruds.store.title') }}
                </div>

                <div class="card-body">
                    <div class="form-group">
                        <div class="form-group">
                            <a class="btn btn-default" href="{{ route('frontend.stores.index') }}">
                                {{ trans('global.back_to_list') }}
                            </a>
                        </div>
                        <table class="table table-bordered table-striped">
                            <tbody>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.id') }}
                                    </th>
                                    <td>
                                        {{ $store->id }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.name') }}
                                    </th>
                                    <td>
                                        {{ $store->name }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.slogan') }}
                                    </th>
                                    <td>
                                        {{ $store->slogan }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.description') }}
                                    </th>
                                    <td>
                                        {{ $store->description }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.link') }}
                                    </th>
                                    <td>
                                        {{ $store->link }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.logo') }}
                                    </th>
                                    <td>
                                        @if($store->logo)
                                            <a href="{{ $store->logo->getUrl() }}" target="_blank" style="display: inline-block">
                                                <img src="{{ $store->logo->getUrl('thumb') }}">
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.cover') }}
                                    </th>
                                    <td>
                                        @if($store->cover)
                                            <a href="{{ $store->cover->getUrl() }}" target="_blank" style="display: inline-block">
                                                <img src="{{ $store->cover->getUrl('thumb') }}">
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.province') }}
                                    </th>
                                    <td>
                                        {{ $store->province->name ?? '' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.city') }}
                                    </th>
                                    <td>
                                        {{ $store->city->name ?? '' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.district') }}
                                    </th>
                                    <td>
                                        {{ $store->district->name ?? '' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.store.fields.postal_code') }}
                                    </th>
                                    <td>
                                        {{ $store->postal_code }}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="form-group">
                            <a class="btn btn-default" href="{{ route('frontend.stores.index') }}">
                                {{ trans('global.back_to_list') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection