@extends('yonetim.yonetim_master')


@section('cssler')

    <style>
        #iconPickerPopup {
            position: absolute;
            top: 10px;
            left: 0;
            z-index: 999;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Karartma seviyesini ayarlayabilirsiniz */
            z-index: 9999; /* Overlay'in diğer elemanların üzerinde olmasını sağlar */
            display: none; /* Başlangıçta görünmez olarak ayarlanır */
        }

        .iconPickerPopup-open #overlay {
            display: block; /* iconPickerPopup açıldığında overlay'i görünür hale getirir */
        }

        #iconContainer {
            padding: 10px;
        }

        #iconContainer i {
            display: inline-block;
            padding: 5px;
            font-size: 17px;
            cursor: pointer;
        }

        #iconContainer i:hover {
            background-color: #f0f0f0;
        }
    </style>


@endsection


@section('main')
    <section class="section">
        <div class="section-body">
            <div class="row">
                <div class="col-12 col-md-9 col-lg-9">


                    <div class="card">

                        <div class="card-header">
                            <h4>{{$paketveri->baslik}} / Paket Düzenle</h4>


                        </div>

                        <form action="{{route('paketler.paketveriupdateson',array($veriler->id,$paketveri->id))}}" method="post">
                            @csrf
                            <div class="card-body">
                                <div class="col-lg-12 mx-auto">

                                    <a href="{{route('seopicerik.veriupdate',$paketveri->id)}}" class="btn btn-success float-right"><i class="fa fa-backward"></i> Geri Dön</a>
                                    <br>
                                    <div class="form-group">
                                        <label>Başlık</label>
                                        <input name="baslik" type="text" class="form-control" value="{{$veriler->baslik}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Alt Başlık(Zorunlu Değil)</label>
                                        <input name="alt_baslik" type="text" class="form-control" value="{{$veriler->alt_baslik}}">
                                    </div>


                                    <div class="form-group">
                                        <label>Başlık Altındaki Büyük İcon(Aşağı icon Sesten seçileni bu alana kopyala veya Font Awesome5 <a target="_blank" href="https://fontawesome.com/v5/search">Link</a> ekle - i tagları olmasın / <i style="font-size: 25px" class="{{$veriler->iconyol}}"></i></label>


                                        <input required name="iconyol" type="text" class="form-control" value="{{$veriler->iconyol}}">

                                    </div>

                                    <div class="form-group">
                                        <label>Fiyat</label>
                                        <input name="fiyat" type="text" class="form-control" value="{{$veriler->fiyat}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Süre(Bilgi amacıyla zorunlu değil)</label>
                                        <input name="sure" type="text" class="form-control" value="{{$veriler->sure}}">
                                    </div>


                                    <div class="row">
                                        <div class="col-md-6">
                                            <label class="pl-3">Lütfen Bir icon Seçiniz(Font Awesome5 -  <a target="_blank" href="https://fontawesome.com/v5/search">Link</a>)</label>

                                            <div class="row">

                                                <div class="col-md-1 p-0 m-0">
                                                    <i style="padding: 10px;text-align: center;font-size: 18px" id="selectedIconPreview"></i>

                                                </div>
                                                <div class="col-md-6 p-0 m-0">
                                                    <input style="" class="form-control" type="text" id="selectedIcon">
                                                </div>

                                                <div class="col-md-5 p-0 m-0">


                                                    <button style="float: left" type="button" class="btn btn-primary" id="iconPickerButton">Icon Seç</button>
                                                </div>

                                            </div>

                                        </div>

                                        <div class="col-md-4 p-0 m-0">
                                            <label class="pl-3">Lütfen Bir Açıklama Giriniz</label>

                                            <input class="form-control" type="text" id="inputyazi" value="">

                                        </div>
                                        <div class="col-md-2  p-0 m-0">

                                            <button style="margin-top: 30px" type="button" class="btn btn-success" id="btn">Ekle</button>

                                        </div>

                                        <div class="col-md-8">
                                            <ul style="margin: 20px 0;font-size: 20px" id="myUL">


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

                                    <div class="row">
                                        <div id="iconPickerPopup" style="display: none;">
                                            <div id="iconContainer">
                                                <i class="fas fa-address-book" data-icon="fas fa-address-book"></i>
                                                <i class="fas fa-address-card" data-icon="fas fa-address-card"></i>
                                                <i class="fas fa-adjust" data-icon="fas fa-adjust"></i>
                                                <i class="fas fa-air-freshener" data-icon="fas fa-air-freshener"></i>
                                                <i class="fas fa-align-center" data-icon="fas fa-align-center"></i>
                                                <i class="fas fa-align-justify" data-icon="fas fa-align-justify"></i>
                                                <i class="fas fa-align-left" data-icon="fas fa-align-left"></i>
                                                <i class="fas fa-align-right" data-icon="fas fa-align-right"></i>
                                                <i class="fas fa-allergies" data-icon="fas fa-allergies"></i>
                                                <i class="fas fa-ambulance" data-icon="fas fa-ambulance"></i>
                                                <i class="fas fa-american-sign-language-interpreting" data-icon="fas fa-american-sign-language-interpreting"></i>
                                                <i class="fas fa-anchor" data-icon="fas fa-anchor"></i>
                                                <i class="fas fa-angle-double-down" data-icon="fas fa-angle-double-down"></i>
                                                <i class="fas fa-angle-double-left" data-icon="fas fa-angle-double-left"></i>
                                                <i class="fas fa-angle-double-right" data-icon="fas fa-angle-double-right"></i>
                                                <i class="fas fa-angle-double-up" data-icon="fas fa-angle-double-up"></i>
                                                <i class="fas fa-angle-down" data-icon="fas fa-angle-down"></i>
                                                <i class="fas fa-angle-left" data-icon="fas fa-angle-left"></i>
                                                <i class="fas fa-angle-right" data-icon="fas fa-angle-right"></i>
                                                <i class="fas fa-angle-up" data-icon="fas fa-angle-up"></i>
                                                <i class="fas fa-angry" data-icon="fas fa-angry"></i>
                                                <i class="fas fa-ankh" data-icon="fas fa-ankh"></i>
                                                <i class="fas fa-apple-alt" data-icon="fas fa-apple-alt"></i>
                                                <i class="fas fa-archive" data-icon="fas fa-archive"></i>
                                                <i class="fas fa-archway" data-icon="fas fa-archway"></i>
                                                <i class="fas fa-arrow-alt-circle-down" data-icon="fas fa-arrow-alt-circle-down"></i>
                                                <i class="fas fa-arrow-alt-circle-left" data-icon="fas fa-arrow-alt-circle-left"></i>
                                                <i class="fas fa-arrow-alt-circle-right" data-icon="fas fa-arrow-alt-circle-right"></i>
                                                <i class="fas fa-arrow-alt-circle-up" data-icon="fas fa-arrow-alt-circle-up"></i>
                                                <i class="fas fa-arrow-circle-down" data-icon="fas fa-arrow-circle-down"></i>
                                                <i class="fas fa-arrow-circle-left" data-icon="fas fa-arrow-circle-left"></i>
                                                <i class="fas fa-arrow-circle-right" data-icon="fas fa-arrow-circle-right"></i>
                                                <i class="fas fa-arrow-circle-up" data-icon="fas fa-arrow-circle-up"></i>
                                                <i class="fas fa-arrow-down" data-icon="fas fa-arrow-down"></i>
                                                <i class="fas fa-arrow-left" data-icon="fas fa-arrow-left"></i>
                                                <i class="fas fa-arrow-right" data-icon="fas fa-arrow-right"></i>
                                                <i class="fas fa-arrow-up" data-icon="fas fa-arrow-up"></i>
                                                <i class="fas fa-arrows-alt" data-icon="fas fa-arrows-alt"></i>
                                                <i class="fas fa-arrows-alt-h" data-icon="fas fa-arrows-alt-h"></i>
                                                <i class="fas fa-arrows-alt-v" data-icon="fas fa-arrows-alt-v"></i>
                                                <i class="fas fa-assistive-listening-systems" data-icon="fas fa-assistive-listening-systems"></i>
                                                <i class="fas fa-asterisk" data-icon="fas fa-asterisk"></i>
                                                <i class="fas fa-at" data-icon="fas fa-at"></i>
                                                <i class="fas fa-atlas" data-icon="fas fa-atlas"></i>
                                                <i class="fas fa-atom" data-icon="fas fa-atom"></i>
                                                <i class="fas fa-audio-description" data-icon="fas fa-audio-description"></i>
                                                <i class="fas fa-award" data-icon="fas fa-award"></i>
                                                <i class="fas fa-baby" data-icon="fas fa-baby"></i>
                                                <i class="fas fa-baby-carriage" data-icon="fas fa-baby-carriage"></i>
                                                <i class="fas fa-backspace" data-icon="fas fa-backspace"></i>
                                                <i class="fas fa-backward" data-icon="fas fa-backward"></i>
                                                <i class="fas fa-bacon" data-icon="fas fa-bacon"></i>
                                                <i class="fas fa-bahai" data-icon="fas fa-bahai"></i>
                                                <i class="fas fa-balance-scale" data-icon="fas fa-balance-scale"></i>
                                                <i class="fas fa-balance-scale-left" data-icon="fas fa-balance-scale-left"></i>
                                                <i class="fas fa-balance-scale-right" data-icon="fas fa-balance-scale-right"></i>
                                                <i class="fas fa-ban" data-icon="fas fa-ban"></i>
                                                <i class="fas fa-band-aid" data-icon="fas fa-band-aid"></i>
                                                <i class="fas fa-barcode" data-icon="fas fa-barcode"></i>
                                                <i class="fas fa-bars" data-icon="fas fa-bars"></i>
                                                <i class="fas fa-baseball-ball" data-icon="fas fa-baseball-ball"></i>
                                                <i class="fas fa-basketball-ball" data-icon="fas fa-basketball-ball"></i>
                                                <i class="fas fa-bath" data-icon="fas fa-bath"></i>
                                                <i class="fas fa-battery-empty" data-icon="fas fa-battery-empty"></i>
                                                <i class="fas fa-battery-full" data-icon="fas fa-battery-full"></i>
                                                <i class="fas fa-battery-half" data-icon="fas fa-battery-half"></i>
                                                <i class="fas fa-battery-quarter" data-icon="fas fa-battery-quarter"></i>
                                                <i class="fas fa-battery-three-quarters" data-icon="fas fa-battery-three-quarters"></i>
                                                <i class="fas fa-bed" data-icon="fas fa-bed"></i>
                                                <i class="fas fa-beer" data-icon="fas fa-beer"></i>
                                                <i class="fas fa-bell" data-icon="fas fa-bell"></i>
                                                <i class="fas fa-bell-slash" data-icon="fas fa-bell-slash"></i>
                                                <i class="fas fa-bezier-curve" data-icon="fas fa-bezier-curve"></i>
                                                <i class="fas fa-bible" data-icon="fas fa-bible"></i>
                                                <i class="fas fa-bicycle" data-icon="fas fa-bicycle"></i>
                                                <i class="fas fa-biking" data-icon="fas fa-biking"></i>
                                                <i class="fas fa-binoculars" data-icon="fas fa-binoculars"></i>
                                                <i class="fas fa-biohazard" data-icon="fas fa-biohazard"></i>
                                                <i class="fas fa-birthday-cake" data-icon="fas fa-birthday-cake"></i>
                                                <i class="fas fa-blender" data-icon="fas fa-blender"></i>
                                                <i class="fas fa-blind" data-icon="fas fa-blind"></i>
                                                <i class="fas fa-blog" data-icon="fas fa-blog"></i>
                                                <i class="fas fa-bold" data-icon="fas fa-bold"></i>
                                                <i class="fas fa-bolt" data-icon="fas fa-bolt"></i>
                                                <i class="fas fa-bomb" data-icon="fas fa-bomb"></i>
                                                <i class="fas fa-bone" data-icon="fas fa-bone"></i>
                                                <i class="fas fa-bong" data-icon="fas fa-bong"></i>
                                                <i class="fas fa-book" data-icon="fas fa-book"></i>
                                                <i class="fas fa-book-dead" data-icon="fas fa-book-dead"></i>
                                                <i class="fas fa-book-medical" data-icon="fas fa-book-medical"></i>
                                                <i class="fas fa-book-open" data-icon="fas fa-book-open"></i>
                                                <i class="fas fa-book-reader" data-icon="fas fa-book-reader"></i>
                                                <i class="fas fa-bookmark" data-icon="fas fa-bookmark"></i>
                                                <i class="fas fa-border-all" data-icon="fas fa-border-all"></i>
                                                <i class="fas fa-border-none" data-icon="fas fa-border-none"></i>
                                                <i class="fas fa-border-style" data-icon="fas fa-border-style"></i>
                                                <i class="fas fa-bowling-ball" data-icon="fas fa-bowling-ball"></i>
                                                <i class="fas fa-box" data-icon="fas fa-box"></i>
                                                <i class="fas fa-box-open" data-icon="fas fa-box-open"></i>
                                                <i class="fas fa-boxes" data-icon="fas fa-boxes"></i>
                                                <i class="fas fa-braille" data-icon="fas fa-braille"></i>
                                                <i class="fas fa-brain" data-icon="fas fa-brain"></i>
                                                <i class="fas fa-bread-slice" data-icon="fas fa-bread-slice"></i>
                                                <i class="fas fa-briefcase" data-icon="fas fa-briefcase"></i>
                                                <i class="fas fa-briefcase-medical" data-icon="fas fa-briefcase-medical"></i>
                                                <i class="fas fa-broadcast-tower" data-icon="fas fa-broadcast-tower"></i>
                                                <i class="fas fa-broom" data-icon="fas fa-broom"></i>
                                                <i class="fas fa-brush" data-icon="fas fa-brush"></i>
                                                <i class="fas fa-bug" data-icon="fas fa-bug"></i>
                                                <i class="fas fa-building" data-icon="fas fa-building"></i>
                                                <i class="fas fa-bullhorn" data-icon="fas fa-bullhorn"></i>
                                                <i class="fas fa-bullseye" data-icon="fas fa-bullseye"></i>
                                                <i class="fas fa-burn" data-icon="fas fa-burn"></i>
                                                <i class="fas fa-bus" data-icon="fas fa-bus"></i>
                                                <i class="fas fa-bus-alt" data-icon="fas fa-bus-alt"></i>
                                                <i class="fas fa-business-time" data-icon="fas fa-business-time"></i>
                                                <i class="fas fa-calculator" data-icon="fas fa-calculator"></i>
                                                <i class="fas fa-calendar" data-icon="fas fa-calendar"></i>
                                                <i class="fas fa-calendar-alt" data-icon="fas fa-calendar-alt"></i>
                                                <i class="fas fa-calendar-check" data-icon="fas fa-calendar-check"></i>
                                                <i class="fas fa-calendar-day" data-icon="fas fa-calendar-day"></i>
                                                <i class="fas fa-calendar-minus" data-icon="fas fa-calendar-minus"></i>
                                                <i class="fas fa-calendar-plus" data-icon="fas fa-calendar-plus"></i>
                                                <i class="fas fa-calendar-times" data-icon="fas fa-calendar-times"></i>
                                                <i class="fas fa-calendar-week" data-icon="fas fa-calendar-week"></i>
                                                <i class="fas fa-camera" data-icon="fas fa-camera"></i>
                                                <i class="fas fa-camera-retro" data-icon="fas fa-camera-retro"></i>
                                                <i class="fas fa-campground" data-icon="fas fa-campground"></i>
                                                <i class="fas fa-candy-cane" data-icon="fas fa-candy-cane"></i>
                                                <i class="fas fa-cannabis" data-icon="fas fa-cannabis"></i>
                                                <i class="fas fa-capsules" data-icon="fas fa-capsules"></i>
                                                <i class="fas fa-car" data-icon="fas fa-car"></i>
                                                <i class="fas fa-car-alt" data-icon="fas fa-car-alt"></i>
                                                <i class="fas fa-car-battery" data-icon="fas fa-car-battery"></i>
                                                <i class="fas fa-car-crash" data-icon="fas fa-car-crash"></i>
                                                <i class="fas fa-car-side" data-icon="fas fa-car-side"></i>
                                                <i class="fas fa-caret-down" data-icon="fas fa-caret-down"></i>
                                                <i class="fas fa-caret-left" data-icon="fas fa-caret-left"></i>
                                                <i class="fas fa-caret-right" data-icon="fas fa-caret-right"></i>
                                                <i class="fas fa-caret-square-down" data-icon="fas fa-caret-square-down"></i>
                                                <i class="fas fa-caret-square-left" data-icon="fas fa-caret-square-left"></i>
                                                <i class="fas fa-caret-square-right" data-icon="fas fa-caret-square-right"></i>
                                                <i class="fas fa-caret-square-up" data-icon="fas fa-caret-square-up"></i>
                                                <i class="fas fa-caret-up" data-icon="fas fa-caret-up"></i>
                                                <i class="fas fa-carrot" data-icon="fas fa-carrot"></i>
                                                <i class="fas fa-cart-arrow-down" data-icon="fas fa-cart-arrow-down"></i>
                                                <i class="fas fa-cart-plus" data-icon="fas fa-cart-plus"></i>
                                                <i class="fas fa-cash-register" data-icon="fas fa-cash-register"></i>
                                                <i class="fas fa-cat" data-icon="fas fa-cat"></i>
                                                <i class="fas fa-certificate" data-icon="fas fa-certificate"></i>
                                                <i class="fas fa-chair" data-icon="fas fa-chair"></i>
                                                <i class="fas fa-chalkboard" data-icon="fas fa-chalkboard"></i>
                                                <i class="fas fa-chalkboard-teacher" data-icon="fas fa-chalkboard-teacher"></i>
                                                <i class="fas fa-charging-station" data-icon="fas fa-charging-station"></i>
                                                <i class="fas fa-chart-area" data-icon="fas fa-chart-area"></i>
                                                <i class="fas fa-chart-bar" data-icon="fas fa-chart-bar"></i>
                                                <i class="fas fa-chart-line" data-icon="fas fa-chart-line"></i>
                                                <i class="fas fa-chart-pie" data-icon="fas fa-chart-pie"></i>
                                                <i class="fas fa-check" data-icon="fas fa-check"></i>
                                                <i class="fas fa-check-circle" data-icon="fas fa-check-circle"></i>
                                                <i class="fas fa-check-double" data-icon="fas fa-check-double"></i>
                                                <i class="fas fa-check-square" data-icon="fas fa-check-square"></i>
                                                <i class="fas fa-cheese" data-icon="fas fa-cheese"></i>
                                                <i class="fas fa-chess" data-icon="fas fa-chess"></i>
                                                <i class="fas fa-chess-bishop" data-icon="fas fa-chess-bishop"></i>
                                                <i class="fas fa-chess-board" data-icon="fas fa-chess-board"></i>
                                                <i class="fas fa-chess-king" data-icon="fas fa-chess-king"></i>
                                                <i class="fas fa-chess-knight" data-icon="fas fa-chess-knight"></i>
                                                <i class="fas fa-chess-pawn" data-icon="fas fa-chess-pawn"></i>
                                                <i class="fas fa-chess-queen" data-icon="fas fa-chess-queen"></i>
                                                <i class="fas fa-chess-rook" data-icon="fas fa-chess-rook"></i>
                                                <i class="fas fa-chevron-circle-down" data-icon="fas fa-chevron-circle-down"></i>
                                                <i class="fas fa-chevron-circle-left" data-icon="fas fa-chevron-circle-left"></i>
                                                <i class="fas fa-chevron-circle-right" data-icon="fas fa-chevron-circle-right"></i>
                                                <i class="fas fa-chevron-circle-up" data-icon="fas fa-chevron-circle-up"></i>
                                                <i class="fas fa-chevron-down" data-icon="fas fa-chevron-down"></i>
                                                <i class="fas fa-chevron-left" data-icon="fas fa-chevron-left"></i>
                                                <i class="fas fa-chevron-right" data-icon="fas fa-chevron-right"></i>
                                                <i class="fas fa-chevron-up" data-icon="fas fa-chevron-up"></i>
                                                <i class="fas fa-child" data-icon="fas fa-child"></i>
                                                <i class="fas fa-church" data-icon="fas fa-church"></i>
                                                <i class="fas fa-circle" data-icon="fas fa-circle"></i>
                                                <i class="fas fa-circle-notch" data-icon="fas fa-circle-notch"></i>
                                                <i class="fas fa-city" data-icon="fas fa-city"></i>
                                                <i class="fas fa-clinic-medical" data-icon="fas fa-clinic-medical"></i>
                                                <i class="fas fa-clipboard" data-icon="fas fa-clipboard"></i>
                                                <i class="fas fa-clipboard-check" data-icon="fas fa-clipboard-check"></i>
                                                <i class="fas fa-clipboard-list" data-icon="fas fa-clipboard-list"></i>
                                                <i class="fas fa-clock" data-icon="fas fa-clock"></i>
                                                <i class="fas fa-clone" data-icon="fas fa-clone"></i>
                                                <i class="fas fa-closed-captioning" data-icon="fas fa-closed-captioning"></i>
                                                <i class="fas fa-cloud" data-icon="fas fa-cloud"></i>
                                                <i class="fas fa-cloud-download-alt" data-icon="fas fa-cloud-download-alt"></i>
                                                <i class="fas fa-cloud-meatball" data-icon="fas fa-cloud-meatball"></i>
                                                <i class="fas fa-cloud-moon" data-icon="fas fa-cloud-moon"></i>
                                                <i class="fas fa-cloud-moon-rain" data-icon="fas fa-cloud-moon-rain"></i>
                                                <i class="fas fa-cloud-rain" data-icon="fas fa-cloud-rain"></i>
                                                <i class="fas fa-cloud-showers-heavy" data-icon="fas fa-cloud-showers-heavy"></i>
                                                <i class="fas fa-cloud-sun" data-icon="fas fa-cloud-sun"></i>
                                                <i class="fas fa-cloud-sun-rain" data-icon="fas fa-cloud-sun-rain"></i>
                                                <i class="fas fa-cloud-upload-alt" data-icon="fas fa-cloud-upload-alt"></i>
                                                <i class="fas fa-cocktail" data-icon="fas fa-cocktail"></i>
                                                <i class="fas fa-code" data-icon="fas fa-code"></i>
                                                <i class="fas fa-code-branch" data-icon="fas fa-code-branch"></i>
                                                <i class="fas fa-coffee" data-icon="fas fa-coffee"></i>
                                                <i class="fas fa-cog" data-icon="fas fa-cog"></i>
                                                <i class="fas fa-cogs" data-icon="fas fa-cogs"></i>
                                                <i class="fas fa-coins" data-icon="fas fa-coins"></i>
                                                <i class="fas fa-columns" data-icon="fas fa-columns"></i>
                                                <i class="fas fa-comment" data-icon="fas fa-comment"></i>
                                                <i class="fas fa-comment-alt" data-icon="fas fa-comment-alt"></i>
                                                <i class="fas fa-comment-dollar" data-icon="fas fa-comment-dollar"></i>
                                                <i class="fas fa-comment-dots" data-icon="fas fa-comment-dots"></i>
                                                <i class="fas fa-comment-medical" data-icon="fas fa-comment-medical"></i>
                                                <i class="fas fa-comment-slash" data-icon="fas fa-comment-slash"></i>
                                                <i class="fas fa-comments" data-icon="fas fa-comments"></i>
                                                <i class="fas fa-comments-dollar" data-icon="fas fa-comments-dollar"></i>
                                                <i class="fas fa-compact-disc" data-icon="fas fa-compact-disc"></i>
                                                <i class="fas fa-compass" data-icon="fas fa-compass"></i>
                                                <i class="fas fa-compress" data-icon="fas fa-compress"></i>
                                                <i class="fas fa-compress-alt" data-icon="fas fa-compress-alt"></i>
                                                <i class="fas fa-compress-arrows-alt" data-icon="fas fa-compress-arrows-alt"></i>
                                                <i class="fas fa-concierge-bell" data-icon="fas fa-concierge-bell"></i>
                                                <i class="fas fa-cookie" data-icon="fas fa-cookie"></i>
                                                <i class="fas fa-cookie-bite" data-icon="fas fa-cookie-bite"></i>
                                                <i class="fas fa-copy" data-icon="fas fa-copy"></i>
                                                <i class="fas fa-copyright" data-icon="fas fa-copyright"></i>
                                                <i class="fas fa-couch" data-icon="fas fa-couch"></i>
                                                <i class="fas fa-credit-card" data-icon="fas fa-credit-card"></i>
                                                <i class="fas fa-crop" data-icon="fas fa-crop"></i>
                                                <i class="fas fa-crop-alt" data-icon="fas fa-crop-alt"></i>
                                                <i class="fas fa-cross" data-icon="fas fa-cross"></i>
                                                <i class="fas fa-crosshairs" data-icon="fas fa-crosshairs"></i>
                                                <i class="fas fa-crow" data-icon="fas fa-crow"></i>
                                                <i class="fas fa-crown" data-icon="fas fa-crown"></i>
                                                <i class="fas fa-crutch" data-icon="fas fa-crutch"></i>
                                                <i class="fas fa-cube" data-icon="fas fa-cube"></i>
                                                <i class="fas fa-cubes" data-icon="fas fa-cubes"></i>
                                                <i class="fas fa-cut" data-icon="fas fa-cut"></i>
                                                <i class="fas fa-database" data-icon="fas fa-database"></i>
                                                <i class="fas fa-deaf" data-icon="fas fa-deaf"></i>
                                                <i class="fas fa-democrat" data-icon="fas fa-democrat"></i>
                                                <i class="fas fa-desktop" data-icon="fas fa-desktop"></i>
                                                <i class="fas fa-dharmachakra" data-icon="fas fa-dharmachakra"></i>
                                                <i class="fas fa-diagnoses" data-icon="fas fa-diagnoses"></i>
                                                <i class="fas fa-dice" data-icon="fas fa-dice"></i>
                                                <i class="fas fa-dice-d20" data-icon="fas fa-dice-d20"></i>
                                                <i class="fas fa-dice-d6" data-icon="fas fa-dice-d6"></i>
                                                <i class="fas fa-dice-five" data-icon="fas fa-dice-five"></i>
                                                <i class="fas fa-dice-four" data-icon="fas fa-dice-four"></i>
                                                <i class="fas fa-dice-one" data-icon="fas fa-dice-one"></i>
                                                <i class="fas fa-dice-six" data-icon="fas fa-dice-six"></i>
                                                <i class="fas fa-dice-three" data-icon="fas fa-dice-three"></i>
                                                <i class="fas fa-dice-two" data-icon="fas fa-dice-two"></i>
                                                <i class="fas fa-digital-tachograph" data-icon="fas fa-digital-tachograph"></i>
                                                <i class="fas fa-directions" data-icon="fas fa-directions"></i>
                                                <i class="fas fa-divide" data-icon="fas fa-divide"></i>
                                                <i class="fas fa-dizzy" data-icon="fas fa-dizzy"></i>
                                                <i class="fas fa-dna" data-icon="fas fa-dna"></i>
                                                <i class="fas fa-dog" data-icon="fas fa-dog"></i>
                                                <i class="fas fa-dollar-sign" data-icon="fas fa-dollar-sign"></i>
                                                <i class="fas fa-dolly" data-icon="fas fa-dolly"></i>
                                                <i class="fas fa-dolly-flatbed" data-icon="fas fa-dolly-flatbed"></i>
                                                <i class="fas fa-donate" data-icon="fas fa-donate"></i>
                                                <i class="fas fa-door-closed" data-icon="fas fa-door-closed"></i>
                                                <i class="fas fa-door-open" data-icon="fas fa-door-open"></i>
                                                <i class="fas fa-dot-circle" data-icon="fas fa-dot-circle"></i>
                                                <i class="fas fa-dove" data-icon="fas fa-dove"></i>
                                                <i class="fas fa-download" data-icon="fas fa-download"></i>
                                                <i class="fas fa-drafting-compass" data-icon="fas fa-drafting-compass"></i>
                                                <i class="fas fa-dragon" data-icon="fas fa-dragon"></i>
                                                <i class="fas fa-draw-polygon" data-icon="fas fa-draw-polygon"></i>
                                                <i class="fas fa-drum" data-icon="fas fa-drum"></i>
                                                <i class="fas fa-drum-steelpan" data-icon="fas fa-drum-steelpan"></i>
                                                <i class="fas fa-drumstick-bite" data-icon="fas fa-drumstick-bite"></i>
                                                <i class="fas fa-dumbbell" data-icon="fas fa-dumbbell"></i>
                                                <i class="fas fa-dumpster" data-icon="fas fa-dumpster"></i>
                                                <i class="fas fa-dumpster-fire" data-icon="fas fa-dumpster-fire"></i>
                                                <i class="fas fa-dungeon" data-icon="fas fa-dungeon"></i>
                                                <i class="fas fa-edit" data-icon="fas fa-edit"></i>
                                                <i class="fas fa-egg" data-icon="fas fa-egg"></i>
                                                <i class="fas fa-eject" data-icon="fas fa-eject"></i>
                                                <i class="fas fa-ellipsis-h" data-icon="fas fa-ellipsis-h"></i>
                                                <i class="fas fa-ellipsis-v" data-icon="fas fa-ellipsis-v"></i>
                                                <i class="fas fa-envelope" data-icon="fas fa-envelope"></i>
                                                <i class="fas fa-envelope-open" data-icon="fas fa-envelope-open"></i>
                                                <i class="fas fa-envelope-open-text" data-icon="fas fa-envelope-open-text"></i>
                                                <i class="fas fa-envelope-square" data-icon="fas fa-envelope-square"></i>
                                                <i class="fas fa-equals" data-icon="fas fa-equals"></i>
                                                <i class="fas fa-eraser" data-icon="fas fa-eraser"></i>
                                                <i class="fas fa-ethernet" data-icon="fas fa-ethernet"></i>
                                                <i class="fas fa-euro-sign" data-icon="fas fa-euro-sign"></i>
                                                <i class="fas fa-exchange-alt" data-icon="fas fa-exchange-alt"></i>
                                                <i class="fas fa-exclamation" data-icon="fas fa-exclamation"></i>
                                                <i class="fas fa-exclamation-circle" data-icon="fas fa-exclamation-circle"></i>
                                                <i class="fas fa-exclamation-triangle" data-icon="fas fa-exclamation-triangle"></i>
                                                <i class="fas fa-expand" data-icon="fas fa-expand"></i>
                                                <i class="fas fa-expand-alt" data-icon="fas fa-expand-alt"></i>
                                                <i class="fas fa-expand-arrows-alt" data-icon="fas fa-expand-arrows-alt"></i>
                                                <i class="fas fa-external-link-alt" data-icon="fas fa-external-link-alt"></i>
                                                <i class="fas fa-external-link-square-alt" data-icon="fas fa-external-link-square-alt"></i>
                                                <i class="fas fa-eye" data-icon="fas fa-eye"></i>
                                                <i class="fas fa-eye-dropper" data-icon="fas fa-eye-dropper"></i>
                                                <i class="fas fa-eye-slash" data-icon="fas fa-eye-slash"></i>
                                                <i class="fas fa-fan" data-icon="fas fa-fan"></i>
                                                <i class="fas fa-fast-backward" data-icon="fas fa-fast-backward"></i>
                                                <i class="fas fa-fast-forward" data-icon="fas fa-fast-forward"></i>
                                                <i class="fas fa-faucet" data-icon="fas fa-faucet"></i>
                                                <i class="fas fa-fax" data-icon="fas fa-fax"></i>
                                                <i class="fas fa-feather" data-icon="fas fa-feather"></i>
                                                <i class="fas fa-feather-alt" data-icon="fas fa-feather-alt"></i>
                                                <i class="fas fa-female" data-icon="fas fa-female"></i>
                                                <i class="fas fa-fighter-jet" data-icon="fas fa-fighter-jet"></i>
                                                <i class="fas fa-file" data-icon="fas fa-file"></i>
                                                <i class="fas fa-file-alt" data-icon="fas fa-file-alt"></i>
                                                <i class="fas fa-file-archive" data-icon="fas fa-file-archive"></i>
                                                <i class="fas fa-file-audio" data-icon="fas fa-file-audio"></i>
                                                <i class="fas fa-file-code" data-icon="fas fa-file-code"></i>
                                                <i class="fas fa-file-contract" data-icon="fas fa-file-contract"></i>
                                                <i class="fas fa-file-csv" data-icon="fas fa-file-csv"></i>
                                                <i class="fas fa-file-download" data-icon="fas fa-file-download"></i>
                                                <i class="fas fa-file-excel" data-icon="fas fa-file-excel"></i>
                                                <i class="fas fa-file-export" data-icon="fas fa-file-export"></i>
                                                <i class="fas fa-file-image" data-icon="fas fa-file-image"></i>
                                                <i class="fas fa-file-import" data-icon="fas fa-file-import"></i>
                                                <i class="fas fa-file-invoice" data-icon="fas fa-file-invoice"></i>
                                                <i class="fas fa-file-invoice-dollar" data-icon="fas fa-file-invoice-dollar"></i>
                                                <i class="fas fa-file-medical" data-icon="fas fa-file-medical"></i>
                                                <i class="fas fa-file-medical-alt" data-icon="fas fa-file-medical-alt"></i>
                                                <i class="fas fa-file-pdf" data-icon="fas fa-file-pdf"></i>
                                                <i class="fas fa-file-powerpoint" data-icon="fas fa-file-powerpoint"></i>
                                                <i class="fas fa-file-prescription" data-icon="fas fa-file-prescription"></i>
                                                <i class="fas fa-file-signature" data-icon="fas fa-file-signature"></i>
                                                <i class="fas fa-file-upload" data-icon="fas fa-file-upload"></i>
                                                <i class="fas fa-file-video" data-icon="fas fa-file-video"></i>
                                                <i class="fas fa-file-word" data-icon="fas fa-file-word"></i>
                                                <i class="fas fa-fill" data-icon="fas fa-fill"></i>
                                                <i class="fas fa-fill-drip" data-icon="fas fa-fill-drip"></i>
                                                <i class="fas fa-film" data-icon="fas fa-film"></i>
                                                <i class="fas fa-filter" data-icon="fas fa-filter"></i>
                                                <i class="fas fa-fingerprint" data-icon="fas fa-fingerprint"></i>
                                                <i class="fas fa-fire" data-icon="fas fa-fire"></i>
                                                <i class="fas fa-fire-alt" data-icon="fas fa-fire-alt"></i>
                                                <i class="fas fa-fire-extinguisher" data-icon="fas fa-fire-extinguisher"></i>
                                                <i class="fas fa-first-aid" data-icon="fas fa-first-aid"></i>
                                                <i class="fas fa-fish" data-icon="fas fa-fish"></i>
                                                <i class="fas fa-fist-raised" data-icon="fas fa-fist-raised"></i>
                                                <i class="fas fa-flag" data-icon="fas fa-flag"></i>
                                                <i class="fas fa-flag-checkered" data-icon="fas fa-flag-checkered"></i>
                                                <i class="fas fa-flag-usa" data-icon="fas fa-flag-usa"></i>
                                                <i class="fas fa-flask" data-icon="fas fa-flask"></i>
                                                <i class="fas fa-flushed" data-icon="fas fa-flushed"></i>
                                                <i class="fas fa-folder" data-icon="fas fa-folder"></i>
                                                <i class="fas fa-folder-minus" data-icon="fas fa-folder-minus"></i>
                                                <i class="fas fa-folder-open" data-icon="fas fa-folder-open"></i>
                                                <i class="fas fa-folder-plus" data-icon="fas fa-folder-plus"></i>
                                                <i class="fas fa-font" data-icon="fas fa-font"></i>
                                                <i class="fas fa-football-ball" data-icon="fas fa-football-ball"></i>
                                                <i class="fas fa-forward" data-icon="fas fa-forward"></i>
                                                <i class="fas fa-frog" data-icon="fas fa-frog"></i>
                                                <i class="fas fa-frown" data-icon="fas fa-frown"></i>
                                                <i class="fas fa-frown-open" data-icon="fas fa-frown-open"></i>
                                                <i class="fas fa-funnel-dollar" data-icon="fas fa-funnel-dollar"></i>
                                                <i class="fas fa-futbol" data-icon="fas fa-futbol"></i>
                                                <i class="fas fa-gamepad" data-icon="fas fa-gamepad"></i>
                                                <i class="fas fa-gas-pump" data-icon="fas fa-gas-pump"></i>
                                                <i class="fas fa-gavel" data-icon="fas fa-gavel"></i>
                                                <i class="fas fa-gem" data-icon="fas fa-gem"></i>
                                                <i class="fas fa-genderless" data-icon="fas fa-genderless"></i>
                                                <i class="fas fa-ghost" data-icon="fas fa-ghost"></i>
                                                <i class="fas fa-gift" data-icon="fas fa-gift"></i>
                                                <i class="fas fa-gifts" data-icon="fas fa-gifts"></i>
                                                <i class="fas fa-glass-cheers" data-icon="fas fa-glass-cheers"></i>
                                                <i class="fas fa-glass-martini" data-icon="fas fa-glass-martini"></i>
                                                <i class="fas fa-glass-martini-alt" data-icon="fas fa-glass-martini-alt"></i>
                                                <i class="fas fa-glasses" data-icon="fas fa-glasses"></i>
                                                <i class="fas fa-globe" data-icon="fas fa-globe"></i>
                                                <i class="fas fa-globe-africa" data-icon="fas fa-globe-africa"></i>
                                                <i class="fas fa-globe-americas" data-icon="fas fa-globe-americas"></i>
                                                <i class="fas fa-globe-asia" data-icon="fas fa-globe-asia"></i>
                                                <i class="fas fa-globe-europe" data-icon="fas fa-globe-europe"></i>
                                                <i class="fas fa-golf-ball" data-icon="fas fa-golf-ball"></i>
                                                <i class="fas fa-gopuram" data-icon="fas fa-gopuram"></i>
                                                <i class="fas fa-graduation-cap" data-icon="fas fa-graduation-cap"></i>
                                                <i class="fas fa-greater-than" data-icon="fas fa-greater-than"></i>
                                                <i class="fas fa-greater-than-equal" data-icon="fas fa-greater-than-equal"></i>
                                                <i class="fas fa-grimace" data-icon="fas fa-grimace"></i>
                                                <i class="fas fa-grin" data-icon="fas fa-grin"></i>
                                                <i class="fas fa-grin-alt" data-icon="fas fa-grin-alt"></i>
                                                <i class="fas fa-grin-beam" data-icon="fas fa-grin-beam"></i>
                                                <i class="fas fa-grin-beam-sweat" data-icon="fas fa-grin-beam-sweat"></i>
                                                <i class="fas fa-grin-hearts" data-icon="fas fa-grin-hearts"></i>
                                                <i class="fas fa-grin-squint" data-icon="fas fa-grin-squint"></i>
                                                <i class="fas fa-grin-squint-tears" data-icon="fas fa-grin-squint-tears"></i>
                                                <i class="fas fa-grin-stars" data-icon="fas fa-grin-stars"></i>
                                                <i class="fas fa-grin-tears" data-icon="fas fa-grin-tears"></i>
                                                <i class="fas fa-grin-tongue" data-icon="fas fa-grin-tongue"></i>
                                                <i class="fas fa-grin-tongue-squint" data-icon="fas fa-grin-tongue-squint"></i>
                                                <i class="fas fa-grin-tongue-wink" data-icon="fas fa-grin-tongue-wink"></i>
                                                <i class="fas fa-grin-wink" data-icon="fas fa-grin-wink"></i>
                                                <i class="fas fa-grip-horizontal" data-icon="fas fa-grip-horizontal"></i>
                                                <i class="fas fa-grip-lines" data-icon="fas fa-grip-lines"></i>
                                                <i class="fas fa-grip-lines-vertical" data-icon="fas fa-grip-lines-vertical"></i>
                                                <i class="fas fa-grip-vertical" data-icon="fas fa-grip-vertical"></i>
                                                <i class="fas fa-guitar" data-icon="fas fa-guitar"></i>
                                                <i class="fas fa-h-square" data-icon="fas fa-h-square"></i>
                                                <i class="fas fa-hamburger" data-icon="fas fa-hamburger"></i>
                                                <i class="fas fa-hammer" data-icon="fas fa-hammer"></i>
                                                <i class="fas fa-hamsa" data-icon="fas fa-hamsa"></i>
                                                <i class="fas fa-hand-holding" data-icon="fas fa-hand-holding"></i>
                                                <i class="fas fa-hand-holding-heart" data-icon="fas fa-hand-holding-heart"></i>
                                                <i class="fas fa-hand-holding-medical" data-icon="fas fa-hand-holding-medical"></i>
                                                <i class="fas fa-hand-holding-usd" data-icon="fas fa-hand-holding-usd"></i>
                                                <i class="fas fa-hand-holding-water" data-icon="fas fa-hand-holding-water"></i>
                                                <i class="fas fa-hand-lizard" data-icon="fas fa-hand-lizard"></i>
                                                <i class="fas fa-hand-middle-finger" data-icon="fas fa-hand-middle-finger"></i>
                                                <i class="fas fa-hand-paper" data-icon="fas fa-hand-paper"></i>
                                                <i class="fas fa-hand-peace" data-icon="fas fa-hand-peace"></i>
                                                <i class="fas fa-hand-point-down" data-icon="fas fa-hand-point-down"></i>
                                                <i class="fas fa-hand-point-left" data-icon="fas fa-hand-point-left"></i>
                                                <i class="fas fa-hand-point-right" data-icon="fas fa-hand-point-right"></i>
                                                <i class="fas fa-hand-point-up" data-icon="fas fa-hand-point-up"></i>
                                                <i class="fas fa-hand-pointer" data-icon="fas fa-hand-pointer"></i>
                                                <i class="fas fa-hand-rock" data-icon="fas fa-hand-rock"></i>
                                                <i class="fas fa-hand-scissors" data-icon="fas fa-hand-scissors"></i>
                                                <i class="fas fa-hand-sparkles" data-icon="fas fa-hand-sparkles"></i>
                                                <i class="fas fa-hand-spock" data-icon="fas fa-hand-spock"></i>
                                                <i class="fas fa-hands" data-icon="fas fa-hands"></i>
                                                <i class="fas fa-hands-helping" data-icon="fas fa-hands-helping"></i>
                                                <i class="fas fa-hands-wash" data-icon="fas fa-hands-wash"></i>
                                                <i class="fas fa-handshake" data-icon="fas fa-handshake"></i>
                                                <i class="fas fa-handshake-alt-slash" data-icon="fas fa-handshake-alt-slash"></i>
                                                <i class="fas fa-handshake-slash" data-icon="fas fa-handshake-slash"></i>
                                                <i class="fas fa-hanukiah" data-icon="fas fa-hanukiah"></i>
                                                <i class="fas fa-hard-hat" data-icon="fas fa-hard-hat"></i>
                                                <i class="fas fa-hashtag" data-icon="fas fa-hashtag"></i>
                                                <i class="fas fa-hat-cowboy" data-icon="fas fa-hat-cowboy"></i>
                                                <i class="fas fa-hat-cowboy-side" data-icon="fas fa-hat-cowboy-side"></i>
                                                <i class="fas fa-hat-wizard" data-icon="fas fa-hat-wizard"></i>
                                                <i class="fas fa-hdd" data-icon="fas fa-hdd"></i>
                                                <i class="fas fa-head-side-cough" data-icon="fas fa-head-side-cough"></i>
                                                <i class="fas fa-head-side-cough-slash" data-icon="fas fa-head-side-cough-slash"></i>
                                                <i class="fas fa-head-side-mask" data-icon="fas fa-head-side-mask"></i>
                                                <i class="fas fa-head-side-virus" data-icon="fas fa-head-side-virus"></i>
                                                <i class="fas fa-heading" data-icon="fas fa-heading"></i>
                                                <i class="fas fa-headphones" data-icon="fas fa-headphones"></i>
                                                <i class="fas fa-headphones-alt" data-icon="fas fa-headphones-alt"></i>
                                                <i class="fas fa-headset" data-icon="fas fa-headset"></i>
                                                <i class="fas fa-heart" data-icon="fas fa-heart"></i>
                                                <i class="fas fa-heartbeat" data-icon="fas fa-heartbeat"></i>
                                                <i class="fas fa-helicopter" data-icon="fas fa-helicopter"></i>
                                                <i class="fas fa-highlighter" data-icon="fas fa-highlighter"></i>
                                                <i class="fas fa-hiking" data-icon="fas fa-hiking"></i>
                                                <i class="fas fa-hippo" data-icon="fas fa-hippo"></i>
                                                <i class="fas fa-history" data-icon="fas fa-history"></i>
                                                <i class="fas fa-hockey-puck" data-icon="fas fa-hockey-puck"></i>
                                                <i class="fas fa-holly-berry" data-icon="fas fa-holly-berry"></i>
                                                <i class="fas fa-home" data-icon="fas fa-home"></i>
                                                <i class="fas fa-horse" data-icon="fas fa-horse"></i>
                                                <i class="fas fa-horse-head" data-icon="fas fa-horse-head"></i>
                                                <i class="fas fa-hospital" data-icon="fas fa-hospital"></i>
                                                <i class="fas fa-hospital-alt" data-icon="fas fa-hospital-alt"></i>
                                                <i class="fas fa-hospital-symbol" data-icon="fas fa-hospital-symbol"></i>
                                                <i class="fas fa-hot-tub" data-icon="fas fa-hot-tub"></i>
                                                <i class="fas fa-hotdog" data-icon="fas fa-hotdog"></i>
                                                <i class="fas fa-hotel" data-icon="fas fa-hotel"></i>
                                                <i class="fas fa-hourglass" data-icon="fas fa-hourglass"></i>
                                                <i class="fas fa-hourglass-end" data-icon="fas fa-hourglass-end"></i>
                                                <i class="fas fa-hourglass-half" data-icon="fas fa-hourglass-half"></i>
                                                <i class="fas fa-hourglass-start" data-icon="fas fa-hourglass-start"></i>
                                                <i class="fas fa-house-damage" data-icon="fas fa-house-damage"></i>
                                                <i class="fas fa-house-user" data-icon="fas fa-house-user"></i>
                                                <i class="fas fa-hryvnia" data-icon="fas fa-hryvnia"></i>
                                                <i class="fas fa-humidity" data-icon="fas fa-humidity"></i>
                                                <i class="fas fa-hurricane" data-icon="fas fa-hurricane"></i>
                                                <i class="fas fa-i-cursor" data-icon="fas fa-i-cursor"></i>
                                                <i class="fas fa-ice-cream" data-icon="fas fa-ice-cream"></i>
                                                <i class="fas fa-icicles" data-icon="fas fa-icicles"></i>
                                                <i class="fas fa-icons" data-icon="fas fa-icons"></i>
                                                <i class="fas fa-id-badge" data-icon="fas fa-id-badge"></i>
                                                <i class="fas fa-id-card" data-icon="fas fa-id-card"></i>
                                                <i class="fas fa-id-card-alt" data-icon="fas fa-id-card-alt"></i>
                                                <i class="fas fa-igloo" data-icon="fas fa-igloo"></i>
                                                <i class="fas fa-image" data-icon="fas fa-image"></i>
                                                <i class="fas fa-images" data-icon="fas fa-images"></i>
                                                <i class="fas fa-inbox" data-icon="fas fa-inbox"></i>
                                                <i class="fas fa-indent" data-icon="fas fa-indent"></i>
                                                <i class="fas fa-industry" data-icon="fas fa-industry"></i>
                                                <i class="fas fa-infinity" data-icon="fas fa-infinity"></i>
                                                <i class="fas fa-info" data-icon="fas fa-info"></i>
                                                <i class="fas fa-info-circle" data-icon="fas fa-info-circle"></i>
                                                <i class="fas fa-italic" data-icon="fas fa-italic"></i>
                                                <i class="fas fa-jedi" data-icon="fas fa-jedi"></i>
                                                <i class="fas fa-joint" data-icon="fas fa-joint"></i>
                                                <i class="fas fa-journal-whills" data-icon="fas fa-journal-whills"></i>
                                                <i class="fas fa-kaaba" data-icon="fas fa-kaaba"></i>
                                                <i class="fas fa-key" data-icon="fas fa-key"></i>
                                                <i class="fas fa-keyboard" data-icon="fas fa-keyboard"></i>
                                                <i class="fas fa-khanda" data-icon="fas fa-khanda"></i>
                                                <i class="fas fa-kiss" data-icon="fas fa-kiss"></i>
                                                <i class="fas fa-kiss-beam" data-icon="fas fa-kiss-beam"></i>
                                                <i class="fas fa-kiss-wink-heart" data-icon="fas fa-kiss-wink-heart"></i>
                                                <i class="fas fa-kiwi-bird" data-icon="fas fa-kiwi-bird"></i>
                                                <i class="fas fa-landmark" data-icon="fas fa-landmark"></i>
                                                <i class="fas fa-language" data-icon="fas fa-language"></i>
                                                <i class="fas fa-laptop" data-icon="fas fa-laptop"></i>
                                                <i class="fas fa-laptop-code" data-icon="fas fa-laptop-code"></i>
                                                <i class="fas fa-laptop-house" data-icon="fas fa-laptop-house"></i>
                                                <i class="fas fa-laptop-medical" data-icon="fas fa-laptop-medical"></i>
                                                <i class="fas fa-laugh" data-icon="fas fa-laugh"></i>
                                                <i class="fas fa-laugh-beam" data-icon="fas fa-laugh-beam"></i>
                                                <i class="fas fa-laugh-squint" data-icon="fas fa-laugh-squint"></i>
                                                <i class="fas fa-laugh-wink" data-icon="fas fa-laugh-wink"></i>
                                                <i class="fas fa-layer-group" data-icon="fas fa-layer-group"></i>
                                                <i class="fas fa-leaf" data-icon="fas fa-leaf"></i>
                                                <i class="fas fa-lemon" data-icon="fas fa-lemon"></i>
                                                <i class="fas fa-less-than" data-icon="fas fa-less-than"></i>
                                                <i class="fas fa-less-than-equal" data-icon="fas fa-less-than-equal"></i>
                                                <i class="fas fa-level-down-alt" data-icon="fas fa-level-down-alt"></i>
                                                <i class="fas fa-level-up-alt" data-icon="fas fa-level-up-alt"></i>
                                                <i class="fas fa-life-ring" data-icon="fas fa-life-ring"></i>
                                                <i class="fas fa-lightbulb" data-icon="fas fa-lightbulb"></i>
                                                <i class="fas fa-link" data-icon="fas fa-link"></i>
                                                <i class="fas fa-lira-sign" data-icon="fas fa-lira-sign"></i>
                                                <i class="fas fa-list" data-icon="fas fa-list"></i>
                                                <i class="fas fa-list-alt" data-icon="fas fa-list-alt"></i>
                                                <i class="fas fa-list-ol" data-icon="fas fa-list-ol"></i>
                                                <i class="fas fa-list-ul" data-icon="fas fa-list-ul"></i>
                                                <i class="fas fa-location-arrow" data-icon="fas fa-location-arrow"></i>
                                                <i class="fas fa-lock" data-icon="fas fa-lock"></i>
                                                <i class="fas fa-lock-open" data-icon="fas fa-lock-open"></i>
                                                <i class="fas fa-long-arrow-alt-down" data-icon="fas fa-long-arrow-alt-down"></i>
                                                <i class="fas fa-long-arrow-alt-left" data-icon="fas fa-long-arrow-alt-left"></i>
                                                <i class="fas fa-long-arrow-alt-right" data-icon="fas fa-long-arrow-alt-right"></i>
                                                <i class="fas fa-long-arrow-alt-up" data-icon="fas fa-long-arrow-alt-up"></i>
                                                <i class="fas fa-low-vision" data-icon="fas fa-low-vision"></i>
                                                <i class="fas fa-luggage-cart" data-icon="fas fa-luggage-cart"></i>
                                                <i class="fas fa-lungs" data-icon="fas fa-lungs"></i>
                                                <i class="fas fa-lungs-virus" data-icon="fas fa-lungs-virus"></i>
                                                <i class="fas fa-magic" data-icon="fas fa-magic"></i>
                                                <i class="fas fa-magnet" data-icon="fas fa-magnet"></i>
                                                <i class="fas fa-mail-bulk" data-icon="fas fa-mail-bulk"></i>
                                                <i class="fas fa-male" data-icon="fas fa-male"></i>
                                                <i class="fas fa-map" data-icon="fas fa-map"></i>
                                                <i class="fas fa-map-marked" data-icon="fas fa-map-marked"></i>
                                                <i class="fas fa-map-marked-alt" data-icon="fas fa-map-marked-alt"></i>
                                                <i class="fas fa-map-marker" data-icon="fas fa-map-marker"></i>
                                                <i class="fas fa-map-marker-alt" data-icon="fas fa-map-marker-alt"></i>
                                                <i class="fas fa-map-pin" data-icon="fas fa-map-pin"></i>
                                                <i class="fas fa-map-signs" data-icon="fas fa-map-signs"></i>
                                                <i class="fas fa-marker" data-icon="fas fa-marker"></i>
                                                <i class="fas fa-mars" data-icon="fas fa-mars"></i>
                                                <i class="fas fa-mars-double" data-icon="fas fa-mars-double"></i>
                                                <i class="fas fa-mars-stroke" data-icon="fas fa-mars-stroke"></i>
                                                <i class="fas fa-mars-stroke-h" data-icon="fas fa-mars-stroke-h"></i>
                                                <i class="fas fa-mars-stroke-v" data-icon="fas fa-mars-stroke-v"></i>
                                                <i class="fas fa-mask" data-icon="fas fa-mask"></i>
                                                <i class="fas fa-medal" data-icon="fas fa-medal"></i>
                                                <i class="fas fa-medkit" data-icon="fas fa-medkit"></i>
                                                <i class="fas fa-megaphone" data-icon="fas fa-megaphone"></i>
                                                <i class="fas fa-meh" data-icon="fas fa-meh"></i>
                                                <i class="fas fa-meh-blank" data-icon="fas fa-meh-blank"></i>
                                                <i class="fas fa-meh-rolling-eyes" data-icon="fas fa-meh-rolling-eyes"></i>
                                                <i class="fas fa-memory" data-icon="fas fa-memory"></i>
                                                <i class="fas fa-menorah" data-icon="fas fa-menorah"></i>
                                                <i class="fas fa-mercury" data-icon="fas fa-mercury"></i>
                                                <i class="fas fa-meteor" data-icon="fas fa-meteor"></i>
                                                <i class="fas fa-microchip" data-icon="fas fa-microchip"></i>
                                                <i class="fas fa-microphone" data-icon="fas fa-microphone"></i>
                                                <i class="fas fa-microphone-alt" data-icon="fas fa-microphone-alt"></i>
                                                <i class="fas fa-microphone-alt-slash" data-icon="fas fa-microphone-alt-slash"></i>
                                                <i class="fas fa-microphone-slash" data-icon="fas fa-microphone-slash"></i>
                                                <i class="fas fa-microscope" data-icon="fas fa-microscope"></i>
                                                <i class="fas fa-minus" data-icon="fas fa-minus"></i>
                                                <i class="fas fa-minus-circle" data-icon="fas fa-minus-circle"></i>
                                                <i class="fas fa-minus-square" data-icon="fas fa-minus-square"></i>
                                                <i class="fas fa-mitten" data-icon="fas fa-mitten"></i>
                                                <i class="fas fa-mobile" data-icon="fas fa-mobile"></i>
                                                <i class="fas fa-mobile-alt" data-icon="fas fa-mobile-alt"></i>
                                                <i class="fas fa-money-bill" data-icon="fas fa-money-bill"></i>
                                                <i class="fas fa-money-bill-alt" data-icon="fas fa-money-bill-alt"></i>
                                                <i class="fas fa-money-bill-wave" data-icon="fas fa-money-bill-wave"></i>
                                                <i class="fas fa-money-bill-wave-alt" data-icon="fas fa-money-bill-wave-alt"></i>
                                                <i class="fas fa-money-check" data-icon="fas fa-money-check"></i>
                                                <i class="fas fa-money-check-alt" data-icon="fas fa-money-check-alt"></i>
                                                <i class="fas fa-monument" data-icon="fas fa-monument"></i>
                                                <i class="fas fa-moon" data-icon="fas fa-moon"></i>
                                                <i class="fas fa-mortar-pestle" data-icon="fas fa-mortar-pestle"></i>
                                                <i class="fas fa-mosque" data-icon="fas fa-mosque"></i>
                                                <i class="fas fa-motorcycle" data-icon="fas fa-motorcycle"></i>
                                                <i class="fas fa-mountain" data-icon="fas fa-mountain"></i>
                                                <i class="fas fa-mouse" data-icon="fas fa-mouse"></i>
                                                <i class="fas fa-mouse-pointer" data-icon="fas fa-mouse-pointer"></i>
                                                <i class="fas fa-mug-hot" data-icon="fas fa-mug-hot"></i>
                                                <i class="fas fa-music" data-icon="fas fa-music"></i>
                                                <i class="fas fa-network-wired" data-icon="fas fa-network-wired"></i>
                                                <i class="fas fa-neuter" data-icon="fas fa-neuter"></i>
                                                <i class="fas fa-newspaper" data-icon="fas fa-newspaper"></i>
                                                <i class="fas fa-not-equal" data-icon="fas fa-not-equal"></i>
                                                <i class="fas fa-notes-medical" data-icon="fas fa-notes-medical"></i>
                                                <i class="fas fa-object-group" data-icon="fas fa-object-group"></i>
                                                <i class="fas fa-object-ungroup" data-icon="fas fa-object-ungroup"></i>
                                                <i class="fas fa-oil-can" data-icon="fas fa-oil-can"></i>
                                                <i class="fas fa-om" data-icon="fas fa-om"></i>
                                                <i class="fas fa-otter" data-icon="fas fa-otter"></i>
                                                <i class="fas fa-outdent" data-icon="fas fa-outdent"></i>
                                                <i class="fas fa-paint-brush" data-icon="fas fa-paint-brush"></i>
                                                <i class="fas fa-paint-roller" data-icon="fas fa-paint-roller"></i>
                                                <i class="fas fa-palette" data-icon="fas fa-palette"></i>
                                                <i class="fas fa-pallet" data-icon="fas fa-pallet"></i>
                                                <i class="fas fa-paperclip" data-icon="fas fa-paperclip"></i>
                                                <i class="fas fa-parachute-box" data-icon="fas fa-parachute-box"></i>
                                                <i class="fas fa-paragraph" data-icon="fas fa-paragraph"></i>
                                                <i class="fas fa-parking" data-icon="fas fa-parking"></i>
                                                <i class="fas fa-passport" data-icon="fas fa-passport"></i>
                                                <i class="fas fa-paste" data-icon="fas fa-paste"></i>
                                                <i class="fas fa-pause" data-icon="fas fa-pause"></i>
                                                <i class="fas fa-pause-circle" data-icon="fas fa-pause-circle"></i>
                                                <i class="fas fa-paw" data-icon="fas fa-paw"></i>
                                                <i class="fas fa-peace" data-icon="fas fa-peace"></i>
                                                <i class="fas fa-pen" data-icon="fas fa-pen"></i>
                                                <i class="fas fa-pen-alt" data-icon="fas fa-pen-alt"></i>
                                                <i class="fas fa-pen-fancy" data-icon="fas fa-pen-fancy"></i>
                                                <i class="fas fa-pen-nib" data-icon="fas fa-pen-nib"></i>
                                                <i class="fas fa-pen-square" data-icon="fas fa-pen-square"></i>
                                                <i class="fas fa-pencil-alt" data-icon="fas fa-pencil-alt"></i>
                                                <i class="fas fa-pencil-ruler" data-icon="fas fa-pencil-ruler"></i>
                                                <i class="fas fa-penny-arcade" data-icon="fas fa-penny-arcade"></i>
                                                <i class="fas fa-people-arrows" data-icon="fas fa-people-arrows"></i>
                                                <i class="fas fa-people-carry" data-icon="fas fa-people-carry"></i>
                                                <i class="fas fa-pepper-hot" data-icon="fas fa-pepper-hot"></i>
                                                <i class="fas fa-percent" data-icon="fas fa-percent"></i>
                                                <i class="fas fa-percentage" data-icon="fas fa-percentage"></i>
                                                <i class="fas fa-person-booth" data-icon="fas fa-person-booth"></i>
                                                <i class="fas fa-phone" data-icon="fas fa-phone"></i>
                                                <i class="fas fa-phone-alt" data-icon="fas fa-phone-alt"></i>
                                                <i class="fas fa-phone-slash" data-icon="fas fa-phone-slash"></i>
                                                <i class="fas fa-phone-square" data-icon="fas fa-phone-square"></i>
                                                <i class="fas fa-phone-square-alt" data-icon="fas fa-phone-square-alt"></i>
                                                <i class="fas fa-phone-volume" data-icon="fas fa-phone-volume"></i>
                                                <i class="fas fa-photo-video" data-icon="fas fa-photo-video"></i>
                                                <i class="fas fa-piggy-bank" data-icon="fas fa-piggy-bank"></i>
                                                <i class="fas fa-pills" data-icon="fas fa-pills"></i>
                                                <i class="fas fa-pizza-slice" data-icon="fas fa-pizza-slice"></i>
                                                <i class="fas fa-place-of-worship" data-icon="fas fa-place-of-worship"></i>
                                                <i class="fas fa-plane" data-icon="fas fa-plane"></i>
                                                <i class="fas fa-plane-arrival" data-icon="fas fa-plane-arrival"></i>
                                                <i class="fas fa-plane-departure" data-icon="fas fa-plane-departure"></i>
                                                <i class="fas fa-play" data-icon="fas fa-play"></i>
                                                <i class="fas fa-play-circle" data-icon="fas fa-play-circle"></i>
                                                <i class="fas fa-plug" data-icon="fas fa-plug"></i>
                                                <i class="fas fa-plus" data-icon="fas fa-plus"></i>
                                                <i class="fas fa-plus-circle" data-icon="fas fa-plus-circle"></i>
                                                <i class="fas fa-plus-square" data-icon="fas fa-plus-square"></i>
                                                <i class="fas fa-podcast" data-icon="fas fa-podcast"></i>
                                                <i class="fas fa-poll" data-icon="fas fa-poll"></i>
                                                <i class="fas fa-poll-h" data-icon="fas fa-poll-h"></i>
                                                <i class="fas fa-poo" data-icon="fas fa-poo"></i>
                                                <i class="fas fa-poo-storm" data-icon="fas fa-poo-storm"></i>
                                                <i class="fas fa-poop" data-icon="fas fa-poop"></i>
                                                <i class="fas fa-portrait" data-icon="fas fa-portrait"></i>
                                                <i class="fas fa-pound-sign" data-icon="fas fa-pound-sign"></i>
                                                <i class="fas fa-power-off" data-icon="fas fa-power-off"></i>
                                                <i class="fas fa-pray" data-icon="fas fa-pray"></i>
                                                <i class="fas fa-praying-hands" data-icon="fas fa-praying-hands"></i>
                                                <i class="fas fa-prescription" data-icon="fas fa-prescription"></i>
                                                <i class="fas fa-prescription-bottle" data-icon="fas fa-prescription-bottle"></i>
                                                <i class="fas fa-prescription-bottle-alt" data-icon="fas fa-prescription-bottle-alt"></i>
                                                <i class="fas fa-print" data-icon="fas fa-print"></i>
                                                <i class="fas fa-procedures" data-icon="fas fa-procedures"></i>
                                                <i class="fas fa-project-diagram" data-icon="fas fa-project-diagram"></i>
                                                <i class="fas fa-puzzle-piece" data-icon="fas fa-puzzle-piece"></i>
                                                <i class="fas fa-qrcode" data-icon="fas fa-qrcode"></i>
                                                <i class="fas fa-question" data-icon="fas fa-question"></i>
                                                <i class="fas fa-question-circle" data-icon="fas fa-question-circle"></i>
                                                <i class="fas fa-quidditch" data-icon="fas fa-quidditch"></i>
                                                <i class="fas fa-quote-left" data-icon="fas fa-quote-left"></i>
                                                <i class="fas fa-quote-right" data-icon="fas fa-quote-right"></i>
                                                <i class="fas fa-quran" data-icon="fas fa-quran"></i>
                                                <i class="fas fa-radiation" data-icon="fas fa-radiation"></i>
                                                <i class="fas fa-radiation-alt" data-icon="fas fa-radiation-alt"></i>
                                                <i class="fas fa-rainbow" data-icon="fas fa-rainbow"></i>
                                                <i class="fas fa-random" data-icon="fas fa-random"></i>
                                                <i class="fas fa-receipt" data-icon="fas fa-receipt"></i>
                                                <i class="fas fa-record-vinyl" data-icon="fas fa-record-vinyl"></i>
                                                <i class="fas fa-recycle" data-icon="fas fa-recycle"></i>
                                                <i class="fas fa-redo" data-icon="fas fa-redo"></i>
                                                <i class="fas fa-redo-alt" data-icon="fas fa-redo-alt"></i>
                                                <i class="fas fa-registered" data-icon="fas fa-registered"></i>
                                                <i class="fas fa-remove-format" data-icon="fas fa-remove-format"></i>
                                                <i class="fas fa-reply" data-icon="fas fa-reply"></i>
                                                <i class="fas fa-reply-all" data-icon="fas fa-reply-all"></i>
                                                <i class="fas fa-republican" data-icon="fas fa-republican"></i>
                                                <i class="fas fa-restroom" data-icon="fas fa-restroom"></i>
                                                <i class="fas fa-retweet" data-icon="fas fa-retweet"></i>
                                                <i class="fas fa-ribbon" data-icon="fas fa-ribbon"></i>
                                                <i class="fas fa-ring" data-icon="fas fa-ring"></i>
                                                <i class="fas fa-road" data-icon="fas fa-road"></i>
                                                <i class="fas fa-robot" data-icon="fas fa-robot"></i>
                                                <i class="fas fa-rocket" data-icon="fas fa-rocket"></i>
                                                <i class="fas fa-route" data-icon="fas fa-route"></i>
                                                <i class="fas fa-rss" data-icon="fas fa-rss"></i>
                                                <i class="fas fa-rss-square" data-icon="fas fa-rss-square"></i>
                                                <i class="fas fa-ruble-sign" data-icon="fas fa-ruble-sign"></i>
                                                <i class="fas fa-ruler" data-icon="fas fa-ruler"></i>
                                                <i class="fas fa-ruler-combined" data-icon="fas fa-ruler-combined"></i>
                                                <i class="fas fa-ruler-horizontal" data-icon="fas fa-ruler-horizontal"></i>
                                                <i class="fas fa-ruler-vertical" data-icon="fas fa-ruler-vertical"></i>
                                                <i class="fas fa-running" data-icon="fas fa-running"></i>
                                                <i class="fas fa-rupee-sign" data-icon="fas fa-rupee-sign"></i>
                                                <i class="fas fa-sad-cry" data-icon="fas fa-sad-cry"></i>
                                                <i class="fas fa-sad-tear" data-icon="fas fa-sad-tear"></i>
                                                <i class="fas fa-satellite" data-icon="fas fa-satellite"></i>
                                                <i class="fas fa-satellite-dish" data-icon="fas fa-satellite-dish"></i>
                                                <i class="fas fa-save" data-icon="fas fa-save"></i>
                                                <i class="fas fa-school" data-icon="fas fa-school"></i>
                                                <i class="fas fa-screwdriver" data-icon="fas fa-screwdriver"></i>
                                                <i class="fas fa-scroll" data-icon="fas fa-scroll"></i>
                                                <i class="fas fa-sd-card" data-icon="fas fa-sd-card"></i>
                                                <i class="fas fa-search" data-icon="fas fa-search"></i>
                                                <i class="fas fa-search-dollar" data-icon="fas fa-search-dollar"></i>
                                                <i class="fas fa-search-location" data-icon="fas fa-search-location"></i>
                                                <i class="fas fa-search-minus" data-icon="fas fa-search-minus"></i>
                                                <i class="fas fa-search-plus" data-icon="fas fa-search-plus"></i>
                                                <i class="fas fa-seedling" data-icon="fas fa-seedling"></i>
                                                <i class="fas fa-server" data-icon="fas fa-server"></i>
                                                <i class="fas fa-shapes" data-icon="fas fa-shapes"></i>
                                                <i class="fas fa-share" data-icon="fas fa-share"></i>
                                                <i class="fas fa-share-alt" data-icon="fas fa-share-alt"></i>
                                                <i class="fas fa-share-alt-square" data-icon="fas fa-share-alt-square"></i>
                                                <i class="fas fa-share-square" data-icon="fas fa-share-square"></i>
                                                <i class="fas fa-shekel-sign" data-icon="fas fa-shekel-sign"></i>
                                                <i class="fas fa-shield-alt" data-icon="fas fa-shield-alt"></i>
                                                <i class="fas fa-shield-virus" data-icon="fas fa-shield-virus"></i>
                                                <i class="fas fa-ship" data-icon="fas fa-ship"></i>
                                                <i class="fas fa-shipping-fast" data-icon="fas fa-shipping-fast"></i>
                                                <i class="fas fa-shoe-prints" data-icon="fas fa-shoe-prints"></i>
                                                <i class="fas fa-shopping-bag" data-icon="fas fa-shopping-bag"></i>
                                                <i class="fas fa-shopping-basket" data-icon="fas fa-shopping-basket"></i>
                                                <i class="fas fa-shopping-cart" data-icon="fas fa-shopping-cart"></i>
                                                <i class="fas fa-shower" data-icon="fas fa-shower"></i>
                                                <i class="fas fa-shuttle-van" data-icon="fas fa-shuttle-van"></i>
                                                <i class="fas fa-sign" data-icon="fas fa-sign"></i>
                                                <i class="fas fa-sign-in-alt" data-icon="fas fa-sign-in-alt"></i>
                                                <i class="fas fa-sign-language" data-icon="fas fa-sign-language"></i>
                                                <i class="fas fa-sign-out-alt" data-icon="fas fa-sign-out-alt"></i>
                                                <i class="fas fa-signal" data-icon="fas fa-signal"></i>
                                                <i class="fas fa-signature" data-icon="fas fa-signature"></i>
                                                <i class="fas fa-sim-card" data-icon="fas fa-sim-card"></i>
                                                <i class="fas fa-sitemap" data-icon="fas fa-sitemap"></i>
                                                <i class="fas fa-skating" data-icon="fas fa-skating"></i>
                                                <i class="fas fa-skiing" data-icon="fas fa-skiing"></i>
                                                <i class="fas fa-skiing-nordic" data-icon="fas fa-skiing-nordic"></i>
                                                <i class="fas fa-skull" data-icon="fas fa-skull"></i>
                                                <i class="fas fa-skull-crossbones" data-icon="fas fa-skull-crossbones"></i>
                                                <i class="fas fa-slash" data-icon="fas fa-slash"></i>
                                                <i class="fas fa-sleigh" data-icon="fas fa-sleigh"></i>
                                                <i class="fas fa-sliders-h" data-icon="fas fa-sliders-h"></i>
                                                <i class="fas fa-smile" data-icon="fas fa-smile"></i>
                                                <i class="fas fa-smile-beam" data-icon="fas fa-smile-beam"></i>
                                                <i class="fas fa-smile-wink" data-icon="fas fa-smile-wink"></i>
                                                <i class="fas fa-smog" data-icon="fas fa-smog"></i>
                                                <i class="fas fa-smoking" data-icon="fas fa-smoking"></i>
                                                <i class="fas fa-smoking-ban" data-icon="fas fa-smoking-ban"></i>
                                                <i class="fas fa-sms" data-icon="fas fa-sms"></i>
                                                <i class="fas fa-snowboarding" data-icon="fas fa-snowboarding"></i>
                                                <i class="fas fa-snowflake" data-icon="fas fa-snowflake"></i>
                                                <i class="fas fa-snowman" data-icon="fas fa-snowman"></i>
                                                <i class="fas fa-snowplow" data-icon="fas fa-snowplow"></i>
                                                <i class="fas fa-soap" data-icon="fas fa-soap"></i>
                                                <i class="fas fa-socks" data-icon="fas fa-socks"></i>
                                                <i class="fas fa-solar-panel" data-icon="fas fa-solar-panel"></i>
                                                <i class="fas fa-sort" data-icon="fas fa-sort"></i>
                                                <i class="fas fa-sort-alpha-down" data-icon="fas fa-sort-alpha-down"></i>
                                                <i class="fas fa-sort-alpha-down-alt" data-icon="fas fa-sort-alpha-down-alt"></i>
                                                <i class="fas fa-sort-alpha-up" data-icon="fas fa-sort-alpha-up"></i>
                                                <i class="fas fa-sort-alpha-up-alt" data-icon="fas fa-sort-alpha-up-alt"></i>
                                                <i class="fas fa-sort-amount-down" data-icon="fas fa-sort-amount-down"></i>
                                                <i class="fas fa-sort-amount-down-alt" data-icon="fas fa-sort-amount-down-alt"></i>
                                                <i class="fas fa-sort-amount-up" data-icon="fas fa-sort-amount-up"></i>
                                                <i class="fas fa-sort-amount-up-alt" data-icon="fas fa-sort-amount-up-alt"></i>
                                                <i class="fas fa-sort-down" data-icon="fas fa-sort-down"></i>
                                                <i class="fas fa-sort-numeric-down" data-icon="fas fa-sort-numeric-down"></i>
                                                <i class="fas fa-sort-numeric-down-alt" data-icon="fas fa-sort-numeric-down-alt"></i>
                                                <i class="fas fa-sort-numeric-up" data-icon="fas fa-sort-numeric-up"></i>
                                                <i class="fas fa-sort-numeric-up-alt" data-icon="fas fa-sort-numeric-up-alt"></i>
                                                <i class="fas fa-sort-up" data-icon="fas fa-sort-up"></i>
                                                <i class="fas fa-spa" data-icon="fas fa-spa"></i>
                                                <i class="fas fa-space-shuttle" data-icon="fas fa-space-shuttle"></i>
                                                <i class="fas fa-spell-check" data-icon="fas fa-spell-check"></i>
                                                <i class="fas fa-spider" data-icon="fas fa-spider"></i>
                                                <i class="fas fa-spinner" data-icon="fas fa-spinner"></i>
                                                <i class="fas fa-splotch" data-icon="fas fa-splotch"></i>
                                                <i class="fas fa-spray-can" data-icon="fas fa-spray-can"></i>
                                                <i class="fas fa-square" data-icon="fas fa-square"></i>
                                                <i class="fas fa-square-full" data-icon="fas fa-square-full"></i>
                                                <i class="fas fa-square-root-alt" data-icon="fas fa-square-root-alt"></i>
                                                <i class="fas fa-stamp" data-icon="fas fa-stamp"></i>
                                                <i class="fas fa-star" data-icon="fas fa-star"></i>
                                                <i class="fas fa-star-and-crescent" data-icon="fas fa-star-and-crescent"></i>
                                                <i class="fas fa-star-half" data-icon="fas fa-star-half"></i>
                                                <i class="fas fa-star-half-alt" data-icon="fas fa-star-half-alt"></i>
                                                <i class="fas fa-star-of-david" data-icon="fas fa-star-of-david"></i>
                                                <i class="fas fa-star-of-life" data-icon="fas fa-star-of-life"></i>
                                                <i class="fas fa-step-backward" data-icon="fas fa-step-backward"></i>
                                                <i class="fas fa-step-forward" data-icon="fas fa-step-forward"></i>
                                                <i class="fas fa-stethoscope" data-icon="fas fa-stethoscope"></i>
                                                <i class="fas fa-sticky-note" data-icon="fas fa-sticky-note"></i>
                                                <i class="fas fa-stop" data-icon="fas fa-stop"></i>
                                                <i class="fas fa-stop-circle" data-icon="fas fa-stop-circle"></i>
                                                <i class="fas fa-stopwatch" data-icon="fas fa-stopwatch"></i>
                                                <i class="fas fa-stopwatch-20" data-icon="fas fa-stopwatch-20"></i>
                                                <i class="fas fa-store" data-icon="fas fa-store"></i>
                                                <i class="fas fa-store-alt" data-icon="fas fa-store-alt"></i>
                                                <i class="fas fa-store-alt-slash" data-icon="fas fa-store-alt-slash"></i>
                                                <i class="fas fa-store-slash" data-icon="fas fa-store-slash"></i>
                                                <i class="fas fa-stream" data-icon="fas fa-stream"></i>
                                                <i class="fas fa-street-view" data-icon="fas fa-street-view"></i>
                                                <i class="fas fa-strikethrough" data-icon="fas fa-strikethrough"></i>
                                                <i class="fas fa-stroopwafel" data-icon="fas fa-stroopwafel"></i>
                                                <i class="fas fa-subscript" data-icon="fas fa-subscript"></i>
                                                <i class="fas fa-subway" data-icon="fas fa-subway"></i>
                                                <i class="fas fa-suitcase" data-icon="fas fa-suitcase"></i>
                                                <i class="fas fa-suitcase-rolling" data-icon="fas fa-suitcase-rolling"></i>
                                                <i class="fas fa-sun" data-icon="fas fa-sun"></i>
                                                <i class="fas fa-superscript" data-icon="fas fa-superscript"></i>
                                                <i class="fas fa-surprise" data-icon="fas fa-surprise"></i>
                                                <i class="fas fa-swatchbook" data-icon="fas fa-swatchbook"></i>
                                                <i class="fas fa-swimmer" data-icon="fas fa-swimmer"></i>
                                                <i class="fas fa-swimming-pool" data-icon="fas fa-swimming-pool"></i>
                                                <i class="fas fa-synagogue" data-icon="fas fa-synagogue"></i>
                                                <i class="fas fa-sync" data-icon="fas fa-sync"></i>
                                                <i class="fas fa-sync-alt" data-icon="fas fa-sync-alt"></i>
                                                <i class="fas fa-syringe" data-icon="fas fa-syringe"></i>
                                                <i class="fas fa-table" data-icon="fas fa-table"></i>
                                                <i class="fas fa-table-tennis" data-icon="fas fa-table-tennis"></i>
                                                <i class="fas fa-tablet" data-icon="fas fa-tablet"></i>
                                                <i class="fas fa-tablet-alt" data-icon="fas fa-tablet-alt"></i>
                                                <i class="fas fa-tablets" data-icon="fas fa-tablets"></i>
                                                <i class="fas fa-tachometer-alt" data-icon="fas fa-tachometer-alt"></i>
                                                <i class="fas fa-tag" data-icon="fas fa-tag"></i>
                                                <i class="fas fa-tags" data-icon="fas fa-tags"></i>
                                                <i class="fas fa-tape" data-icon="fas fa-tape"></i>
                                                <i class="fas fa-tasks" data-icon="fas fa-tasks"></i>
                                                <i class="fas fa-taxi" data-icon="fas fa-taxi"></i>
                                                <i class="fas fa-teeth" data-icon="fas fa-teeth"></i>
                                                <i class="fas fa-teeth-open" data-icon="fas fa-teeth-open"></i>
                                                <i class="fas fa-temperature-high" data-icon="fas fa-temperature-high"></i>
                                                <i class="fas fa-temperature-low" data-icon="fas fa-temperature-low"></i>
                                                <i class="fas fa-tenge" data-icon="fas fa-tenge"></i>
                                                <i class="fas fa-terminal" data-icon="fas fa-terminal"></i>
                                                <i class="fas fa-text-height" data-icon="fas fa-text-height"></i>
                                                <i class="fas fa-text-width" data-icon="fas fa-text-width"></i>
                                                <i class="fas fa-th" data-icon="fas fa-th"></i>
                                                <i class="fas fa-th-large" data-icon="fas fa-th-large"></i>
                                                <i class="fas fa-th-list" data-icon="fas fa-th-list"></i>
                                                <i class="fas fa-theater-masks" data-icon="fas fa-theater-masks"></i>
                                                <i class="fas fa-thermometer" data-icon="fas fa-thermometer"></i>
                                                <i class="fas fa-thermometer-empty" data-icon="fas fa-thermometer-empty"></i>
                                                <i class="fas fa-thermometer-full" data-icon="fas fa-thermometer-full"></i>
                                                <i class="fas fa-thermometer-half" data-icon="fas fa-thermometer-half"></i>
                                                <i class="fas fa-thermometer-quarter" data-icon="fas fa-thermometer-quarter"></i>
                                                <i class="fas fa-thermometer-three-quarters" data-icon="fas fa-thermometer-three-quarters"></i>
                                                <i class="fas fa-thumbs-down" data-icon="fas fa-thumbs-down"></i>
                                                <i class="fas fa-thumbs-up" data-icon="fas fa-thumbs-up"></i>
                                                <i class="fas fa-thumbtack" data-icon="fas fa-thumbtack"></i>
                                                <i class="fas fa-ticket-alt" data-icon="fas fa-ticket-alt"></i>
                                                <i class="fas fa-times" data-icon="fas fa-times"></i>
                                                <i class="fas fa-times-circle" data-icon="fas fa-times-circle"></i>
                                                <i class="fas fa-tint" data-icon="fas fa-tint"></i>
                                                <i class="fas fa-tint-slash" data-icon="fas fa-tint-slash"></i>
                                                <i class="fas fa-toggle-off" data-icon="fas fa-toggle-off"></i>
                                                <i class="fas fa-toggle-on" data-icon="fas fa-toggle-on"></i>
                                                <i class="fas fa-toilet" data-icon="fas fa-toilet"></i>
                                                <i class="fas fa-toilet-paper" data-icon="fas fa-toilet-paper"></i>
                                                <i class="fas fa-toilet-paper-slash" data-icon="fas fa-toilet-paper-slash"></i>
                                                <i class="fas fa-toolbox" data-icon="fas fa-toolbox"></i>
                                                <i class="fas fa-tools" data-icon="fas fa-tools"></i>
                                                <i class="fas fa-tooth" data-icon="fas fa-tooth"></i>
                                                <i class="fas fa-torah" data-icon="fas fa-torah"></i>
                                                <i class="fas fa-torii-gate" data-icon="fas fa-torii-gate"></i>
                                                <i class="fas fa-tractor" data-icon="fas fa-tractor"></i>
                                                <i class="fas fa-trademark" data-icon="fas fa-trademark"></i>
                                                <i class="fas fa-traffic-light" data-icon="fas fa-traffic-light"></i>
                                                <i class="fas fa-trailer" data-icon="fas fa-trailer"></i>
                                                <i class="fas fa-train" data-icon="fas fa-train"></i>
                                                <i class="fas fa-tram" data-icon="fas fa-tram"></i>
                                                <i class="fas fa-transgender" data-icon="fas fa-transgender"></i>
                                                <i class="fas fa-transgender-alt" data-icon="fas fa-transgender-alt"></i>
                                                <i class="fas fa-trash" data-icon="fas fa-trash"></i>
                                                <i class="fas fa-trash-alt" data-icon="fas fa-trash-alt"></i>
                                                <i class="fas fa-trash-restore" data-icon="fas fa-trash-restore"></i>
                                                <i class="fas fa-trash-restore-alt" data-icon="fas fa-trash-restore-alt"></i>
                                                <i class="fas fa-tree" data-icon="fas fa-tree"></i>
                                                <i class="fas fa-trophy" data-icon="fas fa-trophy"></i>
                                                <i class="fas fa-truck" data-icon="fas fa-truck"></i>
                                                <i class="fas fa-truck-loading" data-icon="fas fa-truck-loading"></i>
                                                <i class="fas fa-truck-monster" data-icon="fas fa-truck-monster"></i>
                                                <i class="fas fa-truck-moving" data-icon="fas fa-truck-moving"></i>
                                                <i class="fas fa-truck-pickup" data-icon="fas fa-truck-pickup"></i>
                                                <i class="fas fa-tshirt" data-icon="fas fa-tshirt"></i>
                                                <i class="fas fa-tty" data-icon="fas fa-tty"></i>
                                                <i class="fas fa-tv" data-icon="fas fa-tv"></i>
                                                <i class="fas fa-umbrella" data-icon="fas fa-umbrella"></i>
                                                <i class="fas fa-umbrella-beach" data-icon="fas fa-umbrella-beach"></i>
                                                <i class="fas fa-underline" data-icon="fas fa-underline"></i>
                                                <i class="fas fa-undo" data-icon="fas fa-undo"></i>
                                                <i class="fas fa-undo-alt" data-icon="fas fa-undo-alt"></i>
                                                <i class="fas fa-universal-access" data-icon="fas fa-universal-access"></i>
                                                <i class="fas fa-university" data-icon="fas fa-university"></i>
                                                <i class="fas fa-unlink" data-icon="fas fa-unlink"></i>
                                                <i class="fas fa-unlock" data-icon="fas fa-unlock"></i>
                                                <i class="fas fa-unlock-alt" data-icon="fas fa-unlock-alt"></i>
                                                <i class="fas fa-upload" data-icon="fas fa-upload"></i>
                                                <i class="fas fa-user" data-icon="fas fa-user"></i>
                                                <i class="fas fa-user-alt" data-icon="fas fa-user-alt"></i>
                                                <i class="fas fa-user-alt-slash" data-icon="fas fa-user-alt-slash"></i>
                                                <i class="fas fa-user-astronaut" data-icon="fas fa-user-astronaut"></i>
                                                <i class="fas fa-user-check" data-icon="fas fa-user-check"></i>
                                                <i class="fas fa-user-circle" data-icon="fas fa-user-circle"></i>
                                                <i class="fas fa-user-clock" data-icon="fas fa-user-clock"></i>
                                                <i class="fas fa-user-cog" data-icon="fas fa-user-cog"></i>
                                                <i class="fas fa-user-edit" data-icon="fas fa-user-edit"></i>
                                                <i class="fas fa-user-friends" data-icon="fas fa-user-friends"></i>
                                                <i class="fas fa-user-graduate" data-icon="fas fa-user-graduate"></i>
                                                <i class="fas fa-user-injured" data-icon="fas fa-user-injured"></i>
                                                <i class="fas fa-user-lock" data-icon="fas fa-user-lock"></i>
                                                <i class="fas fa-user-md" data-icon="fas fa-user-md"></i>
                                                <i class="fas fa-user-minus" data-icon="fas fa-user-minus"></i>
                                                <i class="fas fa-user-ninja" data-icon="fas fa-user-ninja"></i>
                                                <i class="fas fa-user-nurse" data-icon="fas fa-user-nurse"></i>
                                                <i class="fas fa-user-plus" data-icon="fas fa-user-plus"></i>
                                                <i class="fas fa-user-secret" data-icon="fas fa-user-secret"></i>
                                                <i class="fas fa-user-shield" data-icon="fas fa-user-shield"></i>
                                                <i class="fas fa-user-slash" data-icon="fas fa-user-slash"></i>
                                                <i class="fas fa-user-tag" data-icon="fas fa-user-tag"></i>
                                                <i class="fas fa-user-tie" data-icon="fas fa-user-tie"></i>
                                                <i class="fas fa-user-times" data-icon="fas fa-user-times"></i>
                                                <i class="fas fa-users" data-icon="fas fa-users"></i>
                                                <i class="fas fa-users-cog" data-icon="fas fa-users-cog"></i>
                                                <i class="fas fa-users-slash" data-icon="fas fa-users-slash"></i>
                                                <i class="fas fa-utensil-spoon" data-icon="fas fa-utensil-spoon"></i>
                                                <i class="fas fa-utensils" data-icon="fas fa-utensils"></i>
                                                <i class="fas fa-vector-square" data-icon="fas fa-vector-square"></i>
                                                <i class="fas fa-venus" data-icon="fas fa-venus"></i>
                                                <i class="fas fa-venus-double" data-icon="fas fa-venus-double"></i>
                                                <i class="fas fa-venus-mars" data-icon="fas fa-venus-mars"></i>
                                                <i class="fas fa-vial" data-icon="fas fa-vial"></i>
                                                <i class="fas fa-vials" data-icon="fas fa-vials"></i>
                                                <i class="fas fa-video" data-icon="fas fa-video"></i>
                                                <i class="fas fa-video-slash" data-icon="fas fa-video-slash"></i>
                                                <i class="fas fa-vihara" data-icon="fas fa-vihara"></i>
                                                <i class="fas fa-virus" data-icon="fas fa-virus"></i>
                                                <i class="fas fa-virus-slash" data-icon="fas fa-virus-slash"></i>
                                                <i class="fas fa-viruses" data-icon="fas fa-viruses"></i>
                                                <i class="fas fa-voicemail" data-icon="fas fa-voicemail"></i>
                                                <i class="fas fa-volleyball-ball" data-icon="fas fa-volleyball-ball"></i>
                                                <i class="fas fa-volume-down" data-icon="fas fa-volume-down"></i>
                                                <i class="fas fa-volume-mute" data-icon="fas fa-volume-mute"></i>
                                                <i class="fas fa-volume-off" data-icon="fas fa-volume-off"></i>
                                                <i class="fas fa-volume-up" data-icon="fas fa-volume-up"></i>
                                                <i class="fas fa-vote-yea" data-icon="fas fa-vote-yea"></i>
                                                <i class="fas fa-vr-cardboard" data-icon="fas fa-vr-cardboard"></i>
                                                <i class="fas fa-walking" data-icon="fas fa-walking"></i>
                                                <i class="fas fa-wallet" data-icon="fas fa-wallet"></i>
                                                <i class="fas fa-warehouse" data-icon="fas fa-warehouse"></i>
                                                <i class="fas fa-water" data-icon="fas fa-water"></i>
                                                <i class="fas fa-wave-square" data-icon="fas fa-wave-square"></i>
                                                <i class="fas fa-weight" data-icon="fas fa-weight"></i>
                                                <i class="fas fa-weight-hanging" data-icon="fas fa-weight-hanging"></i>
                                                <i class="fas fa-wheelchair" data-icon="fas fa-wheelchair"></i>
                                                <i class="fas fa-wifi" data-icon="fas fa-wifi"></i>
                                                <i class="fas fa-wind" data-icon="fas fa-wind"></i>
                                                <i class="fas fa-window-close" data-icon="fas fa-window-close"></i>
                                                <i class="fas fa-window-maximize" data-icon="fas fa-window-maximize"></i>
                                                <i class="fas fa-window-minimize" data-icon="fas fa-window-minimize"></i>
                                                <i class="fas fa-window-restore" data-icon="fas fa-window-restore"></i>
                                                <i class="fas fa-wine-bottle" data-icon="fas fa-wine-bottle"></i>
                                                <i class="fas fa-wine-glass" data-icon="fas fa-wine-glass"></i>
                                                <i class="fas fa-wine-glass-alt" data-icon="fas fa-wine-glass-alt"></i>
                                                <i class="fas fa-won-sign" data-icon="fab fa-won-sign"></i>
                                                <i class="fas fa-wrench" data-icon="fab fa-wrench"></i>
                                                <i class="fas fa-x-ray" data-icon="fab fa-x-ray"></i>
                                                <i class="fas fa-yen-sign" data-icon="fab fa-yen-sign"></i>
                                                <i class="fas fa-yin-yang" data-icon="fab fa-yin-yang"></i>
                                                <i class="fab fa-facebook" data-icon="fab fa-facebook"></i>
                                                <i class="fab fa-twitter" data-icon="fab fa-twitter"></i>
                                                <i class="fab fa-instagram" data-icon="fab fa-instagram"></i>
                                                <i class="fab fa-linkedin" data-icon="fab fa-linkedin"></i>
                                                <i class="fab fa-youtube" data-icon="fab fa-youtube"></i>
                                                <i class="fab fa-pinterest" data-icon="fab fa-pinterest"></i>
                                                <i class="fab fa-snapchat" data-icon="fab fa-snapchat"></i>
                                                <i class="fab fa-tiktok" data-icon="fab fa-tiktok"></i>
                                                <i class="fab fa-whatsapp" data-icon="fab fa-whatsapp"></i>
                                                <i class="fab fa-skype" data-icon="fab fa-skype"></i>
                                                <i class="fab fa-discord" data-icon="fab fa-discord"></i>
                                                <i class="fab fa-reddit" data-icon="fab fa-reddit"></i>
                                                <i class="fab fa-tumblr" data-icon="fab fa-tumblr"></i>
                                                <i class="fab fa-vimeo" data-icon="fab fa-vimeo"></i>
                                                <i class="fab fa-soundcloud" data-icon="fab fa-soundcloud"></i>
                                                <i class="fab fa-spotify" data-icon="fab fa-spotify"></i>
                                                <i class="fab fa-github" data-icon="fab fa-github"></i>
                                                <i class="fab fa-gitlab" data-icon="fab fa-gitlab"></i>

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


                                    <input type="hidden" name="hiddenInput" id="hiddenInput">
                                    <input type="hidden" name="hiddenInputIcons" id="hiddenInputIcons">


                                    <div class="card-footer text-right">
                                        <button type="submit" name="genelayarkaydet" class="btn btn-primary">Güncelle</button>



                                    </div>


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


                    </div>





                </div>

            </div>

        </div>
    </section>
@endsection




@section('jsler')
    <!--JS-->


    <script>
        var ozellikler = {!! json_encode($ozellikler) !!};
        var allListItems = []; // Tüm liste öğelerini tutmak için boş bir dizi oluşturuyoruz
        var allListIcons = []; // Tüm liste ikonlarını tutmak için boş bir dizi oluşturuyoruz

        document.addEventListener('DOMContentLoaded', function() {
            var listContainer = document.getElementById('myUL');

            ozellikler.forEach(function(ozellik) {
                var listItem = document.createElement('li');
                var icon = document.createElement('i');
                var baslik = document.createElement('span');
                var closeBtn = document.createElement('span');

                icon.className = ozellik.iconyol;
                baslik.textContent = ozellik.baslik;
                closeBtn.className = 'close';
                closeBtn.textContent = '×';

                listItem.appendChild(icon);
                listItem.appendChild(baslik);
                listItem.appendChild(closeBtn);

                listContainer.appendChild(listItem);

                closeBtn.onclick = function() {
                    listContainer.removeChild(listItem);

                    // Silinen öğenin değerini allListItems ve allListIcons dizilerinden de kaldırıyoruz
                    var index = allListItems.indexOf(ozellik.baslik);
                    if (index !== -1) {
                        allListItems.splice(index, 1);
                        allListIcons.splice(index, 1);
                    }

                    updateHiddenInputs(); // Gizli input alanlarını güncelliyoruz
                };

                allListItems.push(ozellik.baslik); // JSON'dan gelen baslik değerini allListItems dizisine ekliyoruz
                allListIcons.push(ozellik.iconyol); // JSON'dan gelen iconyol değerini allListIcons dizisine ekliyoruz
            });

            updateHiddenInputs(); // Gizli input alanlarını güncelliyoruz
        });

        function updateHiddenInputs() {
            document.getElementById('hiddenInput').value = allListItems.join(',');
            document.getElementById('hiddenInputIcons').value = allListIcons.join(',');
        }


        const selectedIconInput = document.getElementById('selectedIcon');
        const iconPickerButton = document.getElementById('iconPickerButton');
        const iconPickerPopup = document.getElementById('iconPickerPopup');
        const iconContainer = document.getElementById('iconContainer');
        const icons = iconContainer.getElementsByTagName('i');
        const selectedIconPreview = document.getElementById('selectedIconPreview');

        iconPickerButton.addEventListener('click', function() {
            iconPickerPopup.style.display = 'block';
        });

        document.addEventListener('click', function(event) {
            const target = event.target;
            if (target !== iconPickerButton && !iconPickerPopup.contains(target)) {
                iconPickerPopup.style.display = 'none';
            }
        });

        for (let i = 0; i < icons.length; i++) {
            icons[i].addEventListener('click', function() {
                const selectedIcon = this.getAttribute('data-icon');
                selectedIconInput.value = selectedIcon;
                selectedIconPreview.className = selectedIcon;
                iconPickerPopup.style.display = 'none';
            });
        }

        const todoul = document.getElementById('myUL');
        const btn = document.getElementById('btn');
        const inputyazisi = document.getElementById('inputyazi');
        var allListItems = []; // Tüm liste öğelerini tutmak için boş bir dizi oluşturuyoruz
        var allListIcons = []; // Tüm liste öğelerini tutmak için boş bir dizi oluşturuyoruz


        btn.addEventListener('click', function handleClick() {
            const selectedIcon = selectedIconInput.value;
            const inputValue = inputyazisi.value;

            if (!selectedIcon || !inputValue) {
                alert("Lütfen icon ve açıklama alanını doldurunuz.");
                return;
            }

            const listItem = document.createElement("li");
            const title = document.createElement("span");
            const icon = document.createElement("i");

            title.textContent = inputValue;
            icon.className = selectedIcon;

            listItem.appendChild(icon);
            listItem.appendChild(title);

            todoul.appendChild(listItem);

            document.getElementById("inputyazi").value = "";

            var span = document.createElement("SPAN");
            var txt = document.createTextNode("\u00D7");
            span.className = "close";
            span.appendChild(txt);
            listItem.appendChild(span);

            span.onclick = function() {
                var div = this.parentElement;
                div.style.display = "none";

                // Silinen öğenin değerini allListItems ve allListIcons dizilerinden de kaldırıyoruz
                var index = allListItems.indexOf(div.firstChild.nextSibling.textContent);
                if (index !== -1) {
                    allListItems.splice(index, 1);
                    allListIcons.splice(index, 1);
                }

                document.getElementById('hiddenInput').value = allListItems.join(','); // Güncellenmiş listeyi gizli input alanına yerleştiriyoruz
                document.getElementById('hiddenInputIcons').value = allListIcons.join(','); // Güncellenmiş ikon listesini gizli input alanına yerleştiriyoruz
            };
            allListItems.push(inputValue); // Oluşturulan liste öğesinin değerini allListItems dizisine ekliyoruz
            allListIcons.push(selectedIcon); // Oluşturulan liste öğesinin değerini allListItems dizisine ekliyoruz



            document.getElementById('hiddenInput').value = allListItems.join(','); // Tüm liste öğelerini birleştirerek gizli input alanına yerleştiriyoruz

            document.getElementById('hiddenInputIcons').value = allListIcons.join(','); // Tüm liste öğelerini birleştirerek gizli input alanına yerleştiriyoruz

        });



    </script>



@endsection

