@extends('backend.plugins.consultancy_crm.layouts.master')
@section('content')
    <div class="content" id="bg_content">
        <div class="pt-6 pb-4">
            <div class="container d-flex justify-content-between flex-stack">
                <div class="d-flex align-items-center me-3">
                    <span class="h-20px border-gray-200 border-start mx-2"></span>
                    <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                        <li class="breadcrumb-item">
                            <a href="{{route('cmst.dashboard')}}" class="text-dark">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item text-dark">{{ $heading }}</li>
                    </ul>
                </div>
                <div class="d-flex">
                    <button type="button" class="btn btn-primary btn-md shadow-none rounded-0 me-2" data-bs-toggle="modal"
                        data-bs-target="#addCountry">Add Country
                    </button>
                    <div class="">
                        <a href="{{route('cmst.dashboard')}}" class="btn btn-dark rounded-0">Back</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container mt-3">
            <div class="row g-2">
                <div class="col-lg-3">
                    <a href="{{url('admin/plugins/consultancy-crm/abroad-section/country/australia')}}">
                        <div class="card">
                        <img src="{{ asset('img/flag.png') }}" class="card-img-top rounded-0" alt="...">
                        <div class="card-herder text-center rounded-0">
                            <h4 class="m-2">Australia</h4>
                        </div>
                        <div class="card-body p-2">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Universities</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Courses</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Processing</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Approved</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Rejected</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Canceled</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    </a>
                </div>
                <div class="col-lg-3">
                    <a href="{{url('admin/plugins/consultancy-crm/abroad-section/country/australia')}}">
                        <div class="card">
                        <img src="{{ asset('img/flag.png') }}" class="card-img-top rounded-0" alt="...">
                        <div class="card-herder text-center rounded-0">
                            <h4 class="m-2">Australia</h4>
                        </div>
                        <div class="card-body p-2">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Universities</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Courses</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Processing</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Approved</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Rejected</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Canceled</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    </a>
                </div>
                <div class="col-lg-3">
                    <a href="{{url('admin/plugins/consultancy-crm/abroad-section/country/australia')}}">
                        <div class="card">
                        <img src="{{ asset('img/flag.png') }}" class="card-img-top rounded-0" alt="...">
                        <div class="card-herder text-center rounded-0">
                            <h4 class="m-2">Australia</h4>
                        </div>
                        <div class="card-body p-2">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Universities</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Courses</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Processing</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Approved</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Rejected</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Canceled</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    </a>
                </div>
                <div class="col-lg-3">
                    <a href="{{url('admin/plugins/consultancy-crm/abroad-section/country/australia')}}">
                        <div class="card">
                        <img src="{{ asset('img/flag.png') }}" class="card-img-top rounded-0" alt="...">
                        <div class="card-herder text-center rounded-0">
                            <h4 class="m-2">Australia</h4>
                        </div>
                        <div class="card-body p-2">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Universities</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Courses</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Processing</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Approved</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Rejected</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-start py-1">
                                    <div class="ms-2 me-auto">
                                        <div>Canceled</div>
                                    </div>
                                    <span class="badge bg-primary rounded-pill">14</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
     <!-- Add Country -->
     <div class="modal fade" id="addCountry" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
     aria-labelledby="addCountryLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
                 <h1 class="modal-title fs-5" id="addCountryLabel">Add New Country</h1>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
                 <div class="row">
                     <div class="col-lg-12">
                        <div class="form-floating mb-3">
                            <select class="form-select" id="floatingSelect"
                                aria-label="Floating label select example">
                                <option selected>Countries</option>
                                <option value="1">USA</option>
                                <option value="2">Australia</option>
                                <option value="3">UK</option>
                            </select>
                            <label for="floatingSelect">Select Country</label>
                        </div>
                     </div>
                 </div>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                 <button type="button" class="btn btn-primary">Save</button>
             </div>
         </div>
     </div>
 </div>
@endsection