@extends('layouts.index', ['subHeader' => 'Dashboard'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard / home</a>
@endsection

@section('css')
    <link href="{{ mix('css/estilosnew.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ mix('css/sidebar.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('fuentes/stylesheet.css') }}" rel="stylesheet" type="text/css" />

    <link href="{{ asset('assets/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />

    {{-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/css/intlTelInput.css"> --}}
    <link href="{{ asset('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />

    <link href="{{ asset('css/datatables.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/datatable-whatsking.css') }}" rel="stylesheet" type="text/css" />
    
@endsection

@section('content')
    <div class="seccion">
        @component('componentes.index')
            @slot('paises', $paises)
            @slot('countrys', $countrys)
            @slot('itinerarios', $itinerarios)
        @endcomponent
    </div>
@endsection