@extends('admin.layout.master')

@section('css')
@endsection

@section('content')
    <section id="multiple-column-form">
        <div class="row match-height">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{__('admin.show')}}</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <x-admin.image name="image" :model="$country->image" :show="true" :label="__('image')" />
                                </div>

                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <span class="d-block mb-50">{{__('admin.country_name')}} - {{__('site.name_en')}}</span>
                                        <div class="controls">
                                            <p class="form-control-static">{{ $country->getTranslations('name')['en'] ?? '-' }}</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <span class="d-block mb-50">{{__('admin.country_name')}} - {{__('site.name_ar')}}</span>
                                        <div class="controls">
                                            <p class="form-control-static">{{ $country->getTranslations('name')['ar'] ?? '-' }}</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <span class="d-block mb-50">{{__('admin.country_code')}}</span>
                                        <div class="controls">
                                            <p class="form-control-static">{{ $country->code }}</p>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <span class="d-block mb-50">{{__('admin.related_cities')}}</span>
                                        <div class="controls">
                                            <p class="form-control-static">{{ $country->cities->count() ?? 0 }} {{__('admin.cities')}}</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-12 d-flex justify-content-center mt-3">
                                    <a href="{{ route('admin.countries.edit', $country->id) }}" class="btn btn-info mr-1 mb-1">{{__('admin.edit')}}</a>
                                    <a href="{{ url()->previous() }}" class="btn btn-outline-warning mr-1 mb-1">{{__('admin.back')}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('js')
@endsection