@extends('layouts.app')

@section('nav-links')
    @include('imports.nav-links',['navItem'=> 'support'])
@endsection

@section('contents')
<section class="sm:w-full md:w-3/4 mx-auto mt-5 bg-gray-100 rounded-lg shadow-lg px-10 py-5">
    <!-- Heading -->
    <p class="mb-4 text-2xl font-bold text-gray-900 dark:text-white md:text-3xl lg:text-4xl text-center"><span class="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">Support Center</span> of the system</p>

    <!-- Support-email -->
    <div id="sticky-banner" tabindex="-1" class="flex justify-between w-full p-4 border-b border-gray-200 bg-green-200 dark:bg-gray-700 dark:border-gray-600">
        <div class="flex items-center mx-auto">
            <p class="flex items-center text-md font-semibold text-gray-700 dark:text-gray-400">
                <span class="inline-flex p-1 me-3 bg-gray-200 rounded-full dark:bg-gray-600 w-6 h-6 items-center justify-center flex-shrink-0">
                    <svg class="w-3 h-3 text-gray-800 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 19">
                        <path d="M15 1.943v12.114a1 1 0 0 1-1.581.814L8 11V5l5.419-3.871A1 1 0 0 1 15 1.943ZM7 4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2v5a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2V4ZM4 17v-5h1v5H4ZM16 5.183v5.634a2.984 2.984 0 0 0 0-5.634Z"/>
                    </svg>
                    <span class="sr-only">Light bulb</span>
                </span>
                <span>For any kind of software/technical assistance, please email to: <a href="#" class="ms-1 inline font-medium text-blue-600 underline dark:text-blue-500 underline-offset-2 decoration-600 dark:decoration-500 decoration-solid hover:no-underline">ictcell@ruet.ac.bd</a></span>
            </p>
        </div>
        <div class="flex items-center">
            <button data-dismiss-target="#sticky-banner" type="button" class="flex-shrink-0 inline-flex justify-center w-7 h-7 items-center text-gray-400 hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 dark:hover:bg-gray-600 dark:hover:text-white">
                <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
                </svg>
                <span class="sr-only">Close banner</span>
            </button>
        </div>
    </div>

    <!-- Contact-Person -->
    <div class="mt-5 flex flex-col gap-1 md:flex-row md:gap-1 justify-between items-center">
        @include('widgets.profile',['name'=> 'Support (General Queries)', 'mobile' => '+8801716-884686'])

        @include('widgets.profile',['name'=> 'Support (Technical Queries)', 'mobile' => '+8802588867522'])

        @include('widgets.ssl-info',['name'=> 'Support (SSL Commerz)', 'mobile' => '+88 09677726222', 'email' => 'support@sslcommerz.com'])
    </div>
</section>
@endsection

@section('scripts')
@endsection