@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Localisation") }}
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __("Localisation") }}
@endsection

@section('titre_page')
{{ __("Liste") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')	
	@include('layouts.partials.panelboutons', ['btn_ajout' => 'modale', 'btn_imprim'=> false, 'btn_export'=> false])
@endsection
<!-- ************************************** -->
@section('contenu')

<ul class="nav nav-tabs" role="tablist">
    <li class="nav-item"><a href="{{route("pays")}}" class="nav-link {{ Route::current()->getName()=='pays' ? 'active' : '' }}">{{ __("Pays") }}</a></li>
    <li class="nav-item"><a href="{{route("villes")}}" class="nav-link {{ Route::current()->getName()=='villes' ? 'active' : '' }}">{{ __("Villes") }}</a></li>
</ul>

<div class="row">
    <div class="col-md-12">
  
        <div class="card card-info card-tabs">
            <div class="card-body">
                <div class="tab-content" id="custom-tabs-one-tabContent">
                    <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">

                        @if ( Route::current()->getName()=='pays')
                            @include('country.includes.indexCountry') 	   
                        @elseif(Route::current()->getName()=='villes')
                            @include('country.includes.indexCity')                                
                        @else
                            @include('country.includes.indexCountry')
                        @endif
                
                    </div>

                </div>
            </div>
        </div>
    </div> 
</div>

@endsection

@section('js_footer')
	<script src="{{ asset('js/country.js')}}"></script>
@endsection