@extends('backend.layouts.app')
@section('content')
<div class="row page-titles">
   <div class="col-md-5 align-self-center">
      <h4 class="text-themecolor">View Country </h4>
   </div>
   <div class="col-md-7 align-self-center text-right">
      <div class="d-flex justify-content-end align-items-center">
         <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('country') }}">Country</a></li>
            <li class="breadcrumb-item active">View Country </li>
         </ol>
         @can('Countries-edit')  
         <a href="{{ route('country.edit',['id' => $countries->id] + request()->query()) }}"> <button type="button" class="btn btn-info d-none d-lg-block m-l-15"><i class="fa fa-edit"></i> Edit</button></a>
     @endcan
        </div>
   </div>
</div>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">   
                            <div class="card-body">
                                <div class="card-title" style="width:100%;display: inline-block;">
                                   <span class="caption-subject font-green bold uppercase">View Country</span>
                                <a href="{{ route('country') }}"> <button type="button" class="btn btn-primary btn-sm float-right"><i class="fa fa-arrow-left"></i> Back</button></a>

                                </div>
                                <table id="country" class="table table-bordered table-striped">
                                   
                                    <tbody>
                                   
                                        <tr>
                                            <th style="width:230px">Country Name</th>
                                            <td>{{ $countries->name  ?? '-'}}</td>
                                        </tr>

                                        <tr>
                                            <th>Short Code</th>
                                            <td>{{ $countries->short_code  ?? '-' }}</td>
                                        </tr>
                                       
                                        <tr>
                                            <th>Phone Code</th>
                                            <td>{{ '+' . $countries->phone_code  ?? '-'}}</td>
                                        </tr>

                                        <tr>
                                            <th>Languages</th>
                                            <td>
                                                @foreach ($countries->countryLangs as $countryLang)
                                                    {{ $countryLang->language->name  ?? '-' }}  :  {{ $countryLang->name }} <br><br>
                                                @endforeach
                                            </td>
                                            </tr>
                                        <tr>
                                            <th>Created At</th>
                                            <td>{{ $countries->created_at->format(config('GET.admin_date_time_format') ?? 'Y-m-d ') }}</td>
                                        </tr>
                                        <tr>
                                            <th>Updated At</th>
                                            <td>{{ $countries->created_at->format(config('GET.admin_date_time_format') ?? 'Y-m-d ') }}</td>
                                        </tr>
                                        <tr>
                                            <th>Status</th>
                                            <td>@if ($countries->status == 1) <span class="label label-success label-rounded">Active</span> @else <span class="label label-danger label-rounded">Inactive </span>@endif</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                      </div>
                    </div>
                  </div>
               </div>
             </div>
           </div>
     </div>
 </section>


@stop
