@section('title','View Country')

@push('style')
<link rel="stylesheet" href="{{asset('css/admin/country/viewCountry.css')}}">
@endpush

@push('script')
<script src="{{asset('js/admin/country/viewCountry.js')}}"></script>
@endpush

<x-admin-layout>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs"></x-breadcrumbs>

    <div class="col s12">
        <div class="container">
            {{-- Content --}}
            <div class="section">
                <div class="card">
                    <div class="card-content">
                        <div class="row">
                            <div class="col s6 input-field">
                                <div class="col s12">
                                    <label>iso2</label>
                                </div>
                                <div class="col s12">
                                    {{$country->iso2 }}
                                </div>
                            </div>
                            <div class="col s6 input-field">
                                <div class="col s12">
                                    <label>iso3</label>
                                </div>
                                <div class="col s12">
                                    {{$country->iso3}}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col s6 input-field">
                                <div class="col s12">
                                    <label>Short Name</label>
                                </div>
                                <div class="col s12">
                                    {{$country->short_name }}
                                </div>
                            </div>
                            <div class="col s6 input-field">
                                <div class="col s12">
                                    <label>Long Name</label>
                                </div>
                                <div class="col s12">
                                    {{$country->long_name}}
                                </div>
                            </div>
                            <div class="col s6 input-field">
                                <div class="col s12">
                                    <label>Country Code</label>
                                </div>
                                <div class="col s12">
                                    {{$country->country_code}}
                                </div>
                            </div>

                            <div class="col s6 input-field">
                                <div class="col s12">
                                    <label>Store</label>
                                </div>
                                <div class="col s12">
                                    {{$country->status==1 ? 'Active' : 'Inactive'}}
                                </div>
                            </div>
                            <div class="col s6 input-field">
                                <div class="col s12">
                                    <label>Flag</label>
                                </div>
                                <div class="col s12">
                                    <img class="preview" src="{{Storage::disk('musawer')->url($country->flag)}}" alt="" width="100px">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-admin-layout>