@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="#addUniversity">Add University
                    </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">
            <!-- Header -->
            <div class="card py-3 mb-3">
               <div class="card-body py-0">
                <div class="row  align-items-center justify-content-between pb-2">
                    <div class="col-lg-2">
                       <div class="py-3 shadow-sm">
                        <img src="{{ asset('img/logo.png') }}"
                        class="img-fluid d-block h-auto ms-0  rounded user-profile-img">
                       </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="user-profile-info">
                            <h4>The University of British Columbia</h4>
                            <ul
                                class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-2">
                                <li class="list-inline-item fw-semibold">
                                    <i class='bi bi-geo-alt-fill'></i> Study, Australia
                                </li>
                                <li class="list-inline-item fw-semibold">
                                    <i class='bi bi-phone'></i> 1300 275 228
                                </li>
                                <li class="list-inline-item fw-semibold">
                                    <i class='bi bi-envelope'></i> 0427 522 268
                                </li>
                                <li class="list-inline-item fw-semibold">
                                    <i class='bi bi-calendar'></i> Joined April 2021
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <a href="javascript:void(0)" class="btn btn-primary btn-sm text-nowrap me-3">
                            <i class="bi bi-check-circle-fill me-1"></i>Aplly Now
                        </a>
                        <a href="javascript:void(0)" class="btn btn-warning btn-sm text-nowrap">
                            <i class="bi bi-share me-1"></i>Share
                        </a>
                    </div>
                </div>
                <hr class="my-2">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="user-profile-header d-flex flex-column flex-sm-row text-sm-start text-center">
                            <ul class="nav nav-pills flex-column flex-sm-row">
                                <li class="nav-item"><a class="nav-link active"
                                        href="{{ url('admin/plugins/consultancy-crm/abroad-section/country/university') }}">
                                        <i class='bi bi-user me-1'></i> University Overview</a>
                                </li>
                                <li class="nav-item"><a class="nav-link"
                                        href="{{ url('admin/plugins/consultancy-crm/abroad-section/country/university/courses') }}">
                                        <i class='bi bi-book me-1'></i>
                                        Courses</a>
                                </li>
                                <li class="nav-item"><a class="nav-link"
                                        href="{{ url('admin/plugins/consultancy-crm/abroad-section/country/university/workflow') }}">
                                        <i class='bi bi-share me-1'></i> Workflow</a>
                                </li>
                                <li class="nav-item"><a class="nav-link" href="pages-profile-connections.html"><i
                                            class='bi bi-link-alt me-1'></i> Connections</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
               </div>
            </div>
            <!--/ Header -->
            <!-- User Profile Content -->
            <div class="row">
                <div class="col-xl-4 col-lg-5 col-md-5">
                    <!-- Profile Overview -->
                    <div class="card mb-4">
                        <div class="card-body">
                            <small class="text-muted text-uppercase">University Overview</small>
                            <ul class="list-unstyled mt-3 mb-0">
                                <li class="d-flex align-items-center mb-3">
                                    <i class="bi bi-person"></i>
                                    <span class="fw-semibold mx-2">Aplly Student:</span>
                                    <span>13.5k</span>
                                </li>
                                <li class="d-flex align-items-center mb-3">
                                    <i class="bi bi-person-vcard"></i>
                                    <span class="fw-semibold mx-2">Visa Success :</span>
                                    <span>146</span>
                                </li>
                                <li class="d-flex align-items-center">
                                    <i class="bi bi-user"></i>
                                    <span class="fw-semibold mx-2">Current Aplly:</span>
                                    <span>897</span>
                                </li>
                                <li class="d-flex align-items-center">
                                    <i class="bi bi-user"></i>
                                    <span class="fw-semibold mx-2">Total Agent:</span>
                                    <span>8</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--/ Profile Overview -->
                </div>
                <div class="col-lg-8">
                    <div class="card card-action mb-2 shadow-none">
                        <div class="card-header align-items-center border-bottom py-2">
                            <h5 class="card-action-title mb-0">Courses Offered <small>(Showing 2 of 11 courses)</small></h5>
                            <div class="card-action-element">
                                <a href="{{ url('admin/plugins/consultancy-crm/abroad-section/country/university/courses') }}" class="text-primary fw-semibold">
                                    View all <i class="bi bi-box-arrow-up-right bx-xs me-1"></i>                                    
                                </a>
                            </div>
                        </div>
                        <div class="table">
                            <table class="table table-light">
                                <thead class="table-secondary">
                                    <tr>
                                        <th scope="col">S.N</th>
                                        <th scope="col">Course</th>
                                        <th scope="col">Level</th>
                                        <th scope="col">Semester Fee</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>BHM</td>
                                        <td>Level</td>
                                        <td>$4000</td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>IT</td>
                                        <td>2023-03-04</td>
                                        <td>$24000</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card card-action mb-4 shadow-none">
                        <div class="card-header align-items-center border-bottom py-2">
                            <h5 class="card-action-title mb-0">Workflow  <small>(Showing 3 of 15 workflow)</small></h5>
                            <div class="card-action-element">
                                <a href="{{ url('admin/plugins/consultancy-crm/abroad-section/country/university/workflow') }}" class="text-primary fw-semibold">
                                    View all <i class="bi bi-box-arrow-up-right bx-xs me-1"></i>                                    
                                </a>
                            </div>
                        </div>
                        <div class="table">
                            <table class="table table-light">
                                <thead class="table-secondary">
                                    <tr>
                                        <th>SN</th>
                                        <th>Name</th>
                                        <th>Show University</th>
                                    </tr>
                                </thead>
                                <tbody class="table-group-divider">
                                    <tr>
                                        <td>1</td>
                                        <td>Name of university</td>
                                        <td><i class="bi bi-check2-circle"></i></td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Name of university</td>
                                        <td><i class="bi bi-check2-circle"></i></td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>Name of university</td>
                                        <td><i class="bi bi-check2-circle"></i></td>
                                    </tr>
                                </tbody>
                                <tfoot>
    
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Add Country -->
        <div class="modal fade" id="addUniversity" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="addUniversityLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="addUniversityLabel">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">
                                    <input type="email" class="form-control form-control-md" id="floatingInput"
                                        placeholder="University/College Name">
                                    <label for="floatingInput">University/College Name *
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-floating mb-3">
                                    <input type="email" class="form-control form-control-md" id="floatingInput"
                                        placeholder="University/College Email">
                                    <label for="floatingInput">University/College Email *
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-floating mb-3">
                                    <input type="email" class="form-control form-control-md" id="floatingInput"
                                        placeholder="Location">
                                    <label for="floatingInput">Location *
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-floating mb-3">
                                    <input type="email" class="form-control form-control-md" id="floatingInput"
                                        placeholder="University Link">
                                    <label for="floatingInput">University Link *
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-floating mb-3">
                                    <input type="email" class="form-control form-control-md" id="floatingInput"
                                        placeholder="Commission Percentage">
                                    <label for="floatingInput">Commission Percentage *
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-floating mb-3">
                                    <input type="file" class="form-control form-control-md" id="floatingInput"
                                        placeholder="Select Image">
                                    <label for="floatingInput">Select Image *
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-floating mb-3">
                                    <textarea class="form-control" placeholder="Leave a Description here" id="floatingTextarea2" style="height: 100px"></textarea>
                                    <label for="floatingTextarea2">Description</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