<div class="modal fade" id="edit-category-modal" tabindex="-1" role="dialog" aria-labelledby="edit-category-modal"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content custom-rounded-edges">
            <div class="modal-header">
                <h5 class="modal-title ml-3" id="exampleModalLongTitle">
                    <i class="fa-solid fa-folder mx-2"></i>
                    Edit Category
                </h5>

                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body mx-4 my-3">
                <form id="edit-category-form" data-url="{{ route('categories.update',$category->id) }}">
                    @csrf
                    @method('PUT')
                    <div class="form-group">

                        <label for="name" class="mr-2 h5">Category Name</label>
                        <input type="text" class="form-control" id="name" name="name" placeholder="Enter Category name"
                            value="{{ $category->name }}">

                    </div>

                    <div class="form-group">

                        <label for="name" class="mr-2 h5">Category Desription</label>
                        <textarea class="form-control" name="description" id="description" cols="30" rows="3"
                            placeholder="Enter Category description">{{ $category->description }}</textarea>

                    </div>


                    <div class="form-group">
                        <label for="name" class="mr-2 h5">Category Icon</label>
                        <select class="form-control" name="icon" id="c" style="font-family: 'FontAwesome'">
                            <option value=""></option>
                            <option value="#xf036;" {{ $category->icon === "#xf036;" ? 'selected':''}}>&#xf036;
                            </option>
                            <option value="#xf038;" {{ $category->icon === "#xf038;" ? 'selected':''}} >&#xf038;
                            </option>
                            <option value="#xf270;" {{ $category->icon === "#xf270;" ? 'selected':''}} >&#xf270;
                            </option>
                            <option value="#xf0f9;" {{ $category->icon === "#xf0f9;" ? 'selected':''}} >&#xf0f9;
                            </option>
                            <option value="#xf13d;" {{ $category->icon === "#xf0f9;" ? 'selected':''}} >&#xf0f9;
                            </option>
                            <option value="#xf17b;" {{ $category->icon === "#xf17b;" ? 'selected':''}} >&#xf17b;
                            </option>
                            <option value="#xf209;" {{ $category->icon === "#xf209;" ? 'selected':''}} >&#xf209;
                            </option>
                            <option value="#xf103;" {{ $category->icon === "#xf103;" ? 'selected':''}} >&#xf103;
                            </option>
                            <option value="#xf100;" {{ $category->icon === "#xf100;" ? 'selected':''}} >&#xf100;
                            </option>
                            <option value="#xf101;" {{ $category->icon === "#xf101;" ? 'selected':''}} >&#xf101;
                            </option>
                            <option value="#xf102;" {{ $category->icon === "#xf102;" ? 'selected':''}} >&#xf102;
                            </option>
                            <option value="#xf104;" {{ $category->icon === "#xf104;" ? 'selected':''}} >&#xf104;
                            </option>
                            <option value="#xf105;" {{ $category->icon === "#xf105;" ? 'selected':''}} >&#xf105;
                            </option>
                            <option value="#xf106;" {{ $category->icon === "#xf106;" ? 'selected':''}} >&#xf106;
                            </option>
                            <option value="#xf179;" {{ $category->icon === "#xf179;" ? 'selected':''}} >&#xf179;
                            </option>
                            <option value="#xf187;" {{ $category->icon === "#xf187;" ? 'selected':''}} >&#xf187;
                            </option>
                            <option value="#xf1fe;" {{ $category->icon === "#xf1fe;" ? 'selected':''}} >&#xf1fe;
                            </option>
                            <option value="#xf0ab;" {{ $category->icon === "#xf0ab;" ? 'selected':''}} >&#xf0ab;
                            </option>
                            <option value="#xf0a8;" {{ $category->icon === "#xf0a8;" ? 'selected':''}} >&#xf0a8;
                            </option>
                            <option value="#xf01a;" {{ $category->icon === "#xf01a;" ? 'selected':''}} >&#xf01a;
                            </option>
                            <option value="#xf190;" {{ $category->icon === "#xf190;" ? 'selected':''}} >&#xf190;
                            </option>
                            <option value="#xf18e;" {{ $category->icon === "#xf18e;" ? 'selected':''}} >&#xf18e;
                            </option>
                            <option value="#xf01b;" {{ $category->icon === "#xf01b;" ? 'selected':''}} >&#xf01b;
                            </option>
                            <option value="#xf0a9;" {{ $category->icon === "#xf0a9;" ? 'selected':''}} >&#xf0a9;
                            </option>
                            <option value="#xf0aa;" {{ $category->icon === "#xf0aa;" ? 'selected':''}} >&#xf0aa;
                            </option>
                            <option value="#xf063;" {{ $category->icon === "#xf063;" ? 'selected':''}} >&#xf063;
                            </option>
                            <option value="#xf060;" {{ $category->icon === "#xf060;" ? 'selected':''}} >&#xf060;
                            </option>
                            <option value="#xf061;" {{ $category->icon === "#xf061;" ? 'selected':''}} >&#xf061;
                            </option>
                            <option value="#xf062;" {{ $category->icon === "#xf062;" ? 'selected':''}} >&#xf062;
                            </option>
                            <option value="#xf047;" {{ $category->icon === "#xf047;" ? 'selected':''}} >&#xf047;
                            </option>
                            <option value="#xf0b2;" {{ $category->icon === "#xf0b2;" ? 'selected':''}} >&#xf0b2;
                            </option>
                            <option value="#xf07e;" {{ $category->icon === "#xf07e;" ? 'selected':''}} >&#xf07e;
                            </option>
                            <option value="#xf07d;" {{ $category->icon === "#xf07d;" ? 'selected':''}} >&#xf07d;
                            </option>
                            <option value="#xf069;" {{ $category->icon === "#xf069;" ? 'selected':''}} >&#xf069;
                            </option>
                            <option value="#xf1fa;" {{ $category->icon === "#xf1fa;" ? 'selected':''}} >&#xf1fa;
                            </option>
                            <option value="#xf1b9;" {{ $category->icon === "#xf1b9;" ? 'selected':''}} >&#xf1b9;
                            </option>
                            <option value="#xf04a;" {{ $category->icon === "#xf04a;" ? 'selected':''}} >&#xf04a;
                            </option>
                            <option value="#xf24e;" {{ $category->icon === "#xf24e;" ? 'selected':''}} >&#xf24e;
                            </option>
                            <option value="#xf05e;" {{ $category->icon === "#xf05e;" ? 'selected':''}} >&#xf05e;
                            </option>
                            <option value="#xf19c;" {{ $category->icon === "#xf19c;" ? 'selected':''}} >&#xf19c;
                            </option>
                            <option value="#xf080;" {{ $category->icon === "#xf080;" ? 'selected':''}} >&#xf080;
                            </option>
                            <option value="#xf080;" {{ $category->icon === "#xf080;" ? 'selected':''}} >&#xf080;
                            </option>
                            <option value="#xf240;" {{ $category->icon === "#xf240;" ? 'selected':''}} >&#xf240;
                            </option>
                            <option value="#xf0fc;" {{ $category->icon === "#xf0fc;" ? 'selected':''}} >&#xf0fc;
                            </option>
                            <option value="#xf1b4;" {{ $category->icon === "#xf1b4;" ? 'selected':''}} >&#xf1b4;
                            </option>
                            <option value="#xf1b5;" {{ $category->icon === "#xf1b5;" ? 'selected':''}} >&#xf1b5;
                            </option>
                            <option value="#xf0f3;" {{ $category->icon === "#xf0f3;" ? 'selected':''}} >&#xf0f3;
                            </option>
                            <option value="#xf0a2;" {{ $category->icon === "#xf0a2;" ? 'selected':''}} >&#xf0a2;
                            </option>
                            <option value="#xf1f6;" {{ $category->icon === "#xf1f6;" ? 'selected':''}} >&#xf1f6;
                            </option>
                            <option value="#xf1f7;" {{ $category->icon === "#xf1f7;" ? 'selected':''}} >&#xf1f7;
                            </option>
                            <option value="#xf206;" {{ $category->icon === "#xf206;" ? 'selected':''}} >&#xf206;
                            </option>
                            <option value="#xf1e5;" {{ $category->icon === "#xf1e5;" ? 'selected':''}} >&#xf1e5;
                            </option>
                            <option value="#xf1fd;" {{ $category->icon === "#xf1fd;" ? 'selected':''}} >&#xf1fd;
                            </option>
                            <option value="#xf171;" {{ $category->icon === "#xf171;" ? 'selected':''}} >&#xf171;
                            </option>
                            <option value="#xf172;" {{ $category->icon === "#xf172;" ? 'selected':''}} >&#xf172;
                            </option>
                            <option value="#xf15a;" {{ $category->icon === "#xf15a;" ? 'selected':''}} >&#xf15a;
                            </option>
                            <option value="#xf27e;" {{ $category->icon === "#xf27e;" ? 'selected':''}} >&#xf27e;
                            </option>
                            <option value="#xf032;" {{ $category->icon === "#xf032;" ? 'selected':''}} >&#xf032;
                            </option>
                            <option value="#xf0e7;" {{ $category->icon === "#xf0e7;" ? 'selected':''}} >&#xf0e7;
                            </option>
                            <option value="#xf1e2;" {{ $category->icon === "#xf1e2;" ? 'selected':''}} >&#xf1e2;
                            </option>
                            <option value="#xf02d;" {{ $category->icon === "#xf02d;" ? 'selected':''}} >&#xf02d;
                            </option>
                            <option value="#xf02e;" {{ $category->icon === "#xf02e;" ? 'selected':''}} >&#xf02e;
                            </option>
                            <option value="#xf097;" {{ $category->icon === "#xf097;" ? 'selected':''}} >&#xf097;
                            </option>
                            <option value="#xf0b1;" {{ $category->icon === "#xf0b1;" ? 'selected':''}} >&#xf0b1;
                            </option>
                            <option value="#xf15a;" {{ $category->icon === "#xf15a;" ? 'selected':''}} >&#xf15a;
                            </option>
                            <option value="#xf188;" {{ $category->icon === "#xf188;" ? 'selected':''}} >&#xf188;
                            </option>
                            <option value="#xf1ad;" {{ $category->icon === "#xf1ad;" ? 'selected':''}} >&#xf1ad;
                            </option>
                            <option value="#xf0f7;" {{ $category->icon === "#xf0f7;" ? 'selected':''}} >&#xf0f7;
                            </option>
                            <option value="#xf0a1;" {{ $category->icon === "#xf0a1;" ? 'selected':''}} >&#xf0a1;
                            </option>
                            <option value="#xf140;" {{ $category->icon === "#xf140;" ? 'selected':''}} >&#xf140;
                            </option>
                            <option value="#xf207;" {{ $category->icon === "#xf207;" ? 'selected':''}} >&#xf207;
                            </option>
                            <option value="#xf1ba;" {{ $category->icon === "#xf1ba;" ? 'selected':''}} >&#xf1ba;
                            </option>
                            <option value="#xf073;" {{ $category->icon === "#xf073;" ? 'selected':''}} >&#xf073;
                            </option>
                            <option value="#xf030;" {{ $category->icon === "#xf030;" ? 'selected':''}} >&#xf030;
                            </option>
                            <option value="#xf1b9;" {{ $category->icon === "#xf1b9;" ? 'selected':''}} >&#xf1b9;
                            </option>
                            <option value="#xf0d8;" {{ $category->icon === "#xf0d8;" ? 'selected':''}} >&#xf0d8;
                            </option>
                            <option value="#xf217;" {{ $category->icon === "#xf217;" ? 'selected':''}} >&#xf217;
                            </option>
                            <option value="#xf20a;" {{ $category->icon === "#xf20a;" ? 'selected':''}} >&#xf20a;
                            </option>
                            <option value="#xf1f3;" {{ $category->icon === "#xf1f3;" ? 'selected':''}} >&#xf1f3;
                            </option>
                            <option value="#xf24b;" {{ $category->icon === "#xf24b;" ? 'selected':''}} >&#xf24b;
                            </option>
                            <option value="#xf1f4;" {{ $category->icon === "#xf1f4;" ? 'selected':''}} >&#xf1f4;
                            </option>
                            <option value="#xf1f5;" {{ $category->icon === "#xf1f5;" ? 'selected':''}} >&#xf1f5;
                            </option>
                            <option value="#xf1f0;" {{ $category->icon === "#xf1f0;" ? 'selected':''}} >&#xf1f0;
                            </option>
                            <option value="#xf0c1;" {{ $category->icon === "#xf0c1;" ? 'selected':''}} >&#xf0c1;
                            </option>
                            <option value="#xf00c;" {{ $category->icon === "#xf00c;" ? 'selected':''}} >&#xf00c;
                            </option>
                            <option value="#xf053;" {{ $category->icon === "#xf053;" ? 'selected':''}} >&#xf053;
                            </option>
                            <option value="#xf054;" {{ $category->icon === "#xf054;" ? 'selected':''}} >&#xf054;
                            </option>
                            <option value="#xf077;" {{ $category->icon === "#xf077;" ? 'selected':''}} >&#xf077;
                            </option>
                            <option value="#xf1ae;" {{ $category->icon === "#xf1ae;" ? 'selected':''}} >&#xf1ae;
                            </option>
                            <option value="#xf268;" {{ $category->icon === "#xf268;" ? 'selected':''}} >&#xf268;
                            </option>
                            <option value="#xf111;" {{ $category->icon === "#xf111;" ? 'selected':''}} >&#xf111;
                            </option>
                            <option value="#xf10c;" {{ $category->icon === "#xf10c;" ? 'selected':''}} >&#xf10c;
                            </option>
                            <option value="#xf1ce;" {{ $category->icon === "#xf1ce;" ? 'selected':''}} >&#xf1ce;
                            </option>
                            <option value="#xf1db;" {{ $category->icon === "#xf1db;" ? 'selected':''}} >&#xf1db;
                            </option>
                            <option value="#xf0ea;" {{ $category->icon === "#xf0ea;" ? 'selected':''}} >&#xf0ea;
                            </option>
                            <option value="#xf017;" {{ $category->icon === "#xf017;" ? 'selected':''}} >&#xf017;
                            </option>
                            <option value="#xf24d;" {{ $category->icon === "#xf24d;" ? 'selected':''}} >&#xf24d;
                            </option>
                            <option value="#xf00d;" {{ $category->icon === "#xf00d;" ? 'selected':''}} >&#xf00d;
                            </option>
                            <option value="#xf0c2;" {{ $category->icon === "#xf0c2;" ? 'selected':''}} >&#xf0c2;
                            </option>
                            <option value="#xf0ed;" {{ $category->icon === "#xf0ed;" ? 'selected':''}} >&#xf0ed;
                            </option>
                            <option value="#xf0ee;" {{ $category->icon === "#xf0ee;" ? 'selected':''}} >&#xf0ee;
                            </option>
                            <option value="#xf157;" {{ $category->icon === "#xf157;" ? 'selected':''}} >&#xf157;
                            </option>
                            <option value="#xf121;" {{ $category->icon === "#xf121;" ? 'selected':''}} >&#xf121;
                            </option>
                            <option value="#xf126;" {{ $category->icon === "#xf126;" ? 'selected':''}} >&#xf126;
                            </option>
                            <option value="#xf1cb;" {{ $category->icon === "#xf1cb;" ? 'selected':''}} >&#xf1cb;
                            </option>
                            <option value="#xf0f4;" {{ $category->icon === "#xf0f4;" ? 'selected':''}} >&#xf0f4;
                            </option>
                            <option value="#xf013;" {{ $category->icon === "#xf013;" ? 'selected':''}} >&#xf013;
                            </option>
                            <option value="#xf085;" {{ $category->icon === "#xf085;" ? 'selected':''}} >&#xf085;
                            </option>
                            <option value="#xf0db;" {{ $category->icon === "#xf0db;" ? 'selected':''}} >&#xf0db;
                            </option>
                            <option value="#xf075;" {{ $category->icon === "#xf075;" ? 'selected':''}} >&#xf075;
                            </option>
                            <option value="#xf0e5;" {{ $category->icon === "#xf0e5;" ? 'selected':''}} >&#xf0e5;
                            </option>
                            <option value="#xf27a;" {{ $category->icon === "#xf27a;" ? 'selected':''}} >&#xf27a;
                            </option>
                            <option value="#xf27b;" {{ $category->icon === "#xf27b;" ? 'selected':''}} >&#xf27b;
                            </option>
                            <option value="#xf086;" {{ $category->icon === "#xf086;" ? 'selected':''}} >&#xf086;
                            </option>
                            <option value="#xf0e6;" {{ $category->icon === "#xf0e6;" ? 'selected':''}} >&#xf0e6;
                            </option>
                            <option value="#xf14e;" {{ $category->icon === "#xf14e;" ? 'selected':''}} >&#xf14e;
                            </option>
                            <option value="#xf066;" {{ $category->icon === "#xf066;" ? 'selected':''}} >&#xf066;
                            </option>
                            <option value="#xf20e;" {{ $category->icon === "#xf20e;" ? 'selected':''}} >&#xf20e;
                            </option>
                            <option value="#xf26d;" {{ $category->icon === "#xf26d;" ? 'selected':''}} >&#xf26d;
                            </option>
                            <option value="#xf0c5;" {{ $category->icon === "#xf0c5;" ? 'selected':''}} >&#xf0c5;
                            </option>
                            <option value="#xf1f9;" {{ $category->icon === "#xf1f9;" ? 'selected':''}} >&#xf1f9;
                            </option>
                            <option value="#xf25e;" {{ $category->icon === "#xf25e;" ? 'selected':''}} >&#xf25e;
                            </option>
                            <option value="#xf09d;" {{ $category->icon === "#xf09d;" ? 'selected':''}} >&#xf09d;
                            </option>
                            <option value="#xf125;" {{ $category->icon === "#xf125;" ? 'selected':''}} >&#xf125;
                            </option>
                            <option value="#xf05b;" {{ $category->icon === "#xf05b;" ? 'selected':''}} >&#xf05b;
                            </option>
                            <option value="#xf13c;" {{ $category->icon === "#xf13c;" ? 'selected':''}} >&#xf13c;
                            </option>
                            <option value="#xf1b2;" {{ $category->icon === "#xf1b2;" ? 'selected':''}} >&#xf1b2;
                            </option>
                            <option value="#xf1b3;" {{ $category->icon === "#xf1b3;" ? 'selected':''}} >&#xf1b3;
                            </option>
                            <option value="#xf0c4;" {{ $category->icon === "#xf0c4;" ? 'selected':''}} >&#xf0c4;
                            </option>
                            <option value="#xf0f5;" {{ $category->icon === "#xf0f5;" ? 'selected':''}} >&#xf0f5;
                            </option>
                            <option value="#xf0e4;" {{ $category->icon === "#xf0e4;" ? 'selected':''}} >&#xf0e4;
                            </option>
                            <option value="#xf210;" {{ $category->icon === "#xf210;" ? 'selected':''}} >&#xf210;
                            </option>
                            <option value="#xf1c0;" {{ $category->icon === "#xf1c0;" ? 'selected':''}} >&#xf1c0;
                            </option>
                            <option value="#xf03b;" {{ $category->icon === "#xf03b;" ? 'selected':''}} >&#xf03b;
                            </option>
                            <option value="#xf1a5;" {{ $category->icon === "#xf1a5;" ? 'selected':''}} >&#xf1a5;
                            </option>
                            <option value="#xf108;" {{ $category->icon === "#xf108;" ? 'selected':''}} >&#xf108;
                            </option>
                            <option value="#xf1bd;" {{ $category->icon === "#xf1bd;" ? 'selected':''}} >&#xf1bd;
                            </option>
                            <option value="#xf219;" {{ $category->icon === "#xf219;" ? 'selected':''}} >&#xf219;
                            </option>
                            <option value="#xf1a6;" {{ $category->icon === "#xf1a6;" ? 'selected':''}} >&#xf1a6;
                            </option>
                            <option value="#xf155;" {{ $category->icon === "#xf155;" ? 'selected':''}} >&#xf155;
                            </option>
                            <option value="#xf019;" {{ $category->icon === "#xf019;" ? 'selected':''}} >&#xf019;
                            </option>
                            <option value="#xf17d;" {{ $category->icon === "#xf17d;" ? 'selected':''}} >&#xf17d;
                            </option>
                            <option value="#xf16b;" {{ $category->icon === "#xf16b;" ? 'selected':''}} >&#xf16b;
                            </option>
                            <option value="#xf1a9;" {{ $category->icon === "#xf1a9;" ? 'selected':''}} >&#xf1a9;
                            </option>
                            <option value="#xf044;" {{ $category->icon === "#xf044;" ? 'selected':''}} >&#xf044;
                            </option>
                            <option value="#xf052;" {{ $category->icon === "#xf052;" ? 'selected':''}} >&#xf052;
                            </option>
                            <option value="#xf141;" {{ $category->icon === "#xf141;" ? 'selected':''}} >&#xf141;
                            </option>
                            <option value="#xf142;" {{ $category->icon === "#xf142;" ? 'selected':''}} >&#xf142;
                            </option>
                            <option value="#xf1d1;" {{ $category->icon === "#xf1d1;" ? 'selected':''}} >&#xf1d1;
                            </option>
                            <option value="#xf0e0;" {{ $category->icon === "#xf0e0;" ? 'selected':''}} >&#xf0e0;
                            </option>
                            <option value="#xf003;" {{ $category->icon === "#xf003;" ? 'selected':''}} >&#xf003;
                            </option>
                            <option value="#xf153;" {{ $category->icon === "#xf153;" ? 'selected':''}} >&#xf153;
                            </option>
                            <option value="#xf153;" {{ $category->icon === "#xf153;" ? 'selected':''}} >&#xf153;
                            </option>
                            <option value="#xf0ec;" {{ $category->icon === "#xf0ec;" ? 'selected':''}} >&#xf0ec;
                            </option>
                            <option value="#xf12a;" {{ $category->icon === "#xf12a;" ? 'selected':''}} >&#xf12a;
                            </option>
                            <option value="#xf06a;" {{ $category->icon === "#xf06a;" ? 'selected':''}} >&#xf06a;
                            </option>
                            <option value="#xf071;" {{ $category->icon === "#xf071;" ? 'selected':''}} >&#xf071;
                            </option>
                            <option value="#xf065;" {{ $category->icon === "#xf065;" ? 'selected':''}} >&#xf065;
                            </option>
                            <option value="#xf23e;" {{ $category->icon === "#xf23e;" ? 'selected':''}} >&#xf23e;
                            </option>
                            <option value="#xf08e;" {{ $category->icon === "#xf08e;" ? 'selected':''}} >&#xf08e;
                            </option>
                            <option value="#xf14c;" {{ $category->icon === "#xf14c;" ? 'selected':''}} >&#xf14c;
                            </option>
                            <option value="#xf06e;" {{ $category->icon === "#xf06e;" ? 'selected':''}} >&#xf06e;
                            </option>
                            <option value="#xf070;" {{ $category->icon === "#xf070;" ? 'selected':''}} >&#xf070;
                            </option>
                            <option value="#xf1fb;" {{ $category->icon === "#xf1fb;" ? 'selected':''}} >&#xf1fb;
                            </option>
                            <option value="#xf09a;" {{ $category->icon === "#xf09a;" ? 'selected':''}} >&#xf09a;
                            </option>
                            <option value="#xf09a;" {{ $category->icon === "#xf09a;" ? 'selected':''}} >&#xf09a;
                            </option>
                            <option value="#xf230;" {{ $category->icon === "#xf230;" ? 'selected':''}} >&#xf230;
                            </option>
                            <option value="#xf082;" {{ $category->icon === "#xf082;" ? 'selected':''}} >&#xf082;
                            </option>
                            <option value="#xf049;" {{ $category->icon === "#xf049;" ? 'selected':''}} >&#xf049;
                            </option>
                            <option value="#xf050;" {{ $category->icon === "#xf050;" ? 'selected':''}} >&#xf050;
                            </option>
                            <option value="#xf1ac;" {{ $category->icon === "#xf1ac;" ? 'selected':''}} >&#xf1ac;
                            </option>
                            <option value="#xf09e;" {{ $category->icon === "#xf09e;" ? 'selected':''}} >&#xf09e;
                            </option>
                            <option value="#xf182;" {{ $category->icon === "#xf182;" ? 'selected':''}} >&#xf182;
                            </option>
                            <option value="#xf0fb;" {{ $category->icon === "#xf0fb;" ? 'selected':''}} >&#xf0fb;
                            </option>
                            <option value="#xf15b;" {{ $category->icon === "#xf15b;" ? 'selected':''}} >&#xf15b;
                            </option>
                            <option value="#xf1c6;" {{ $category->icon === "#xf1c6;" ? 'selected':''}} >&#xf1c6;
                            </option>
                            <option value="#xf1c7;" {{ $category->icon === "#xf1c7;" ? 'selected':''}} >&#xf1c7;
                            </option>
                            <option value="#xf1c9;" {{ $category->icon === "#xf1c9;" ? 'selected':''}} >&#xf1c9;
                            </option>
                            <option value="#xf1c3;" {{ $category->icon === "#xf1c3;" ? 'selected':''}} >&#xf1c3;
                            </option>
                            <option value="#xf1c5;" {{ $category->icon === "#xf1c5;" ? 'selected':''}} >&#xf1c5;
                            </option>
                            <option value="#xf1c8;" {{ $category->icon === "#xf1c8;" ? 'selected':''}} >&#xf1c8;
                            </option>
                            <option value="#xf016;" {{ $category->icon === "#xf016;" ? 'selected':''}} >&#xf016;
                            </option>
                            <option value="#xf1c1;" {{ $category->icon === "#xf1c1;" ? 'selected':''}} >&#xf1c1;
                            </option>
                            <option value="#xf1c5;" {{ $category->icon === "#xf1c5;" ? 'selected':''}} >&#xf1c5;
                            </option>
                            <option value="#xf1c5;" {{ $category->icon === "#xf1c5;" ? 'selected':''}} >&#xf1c5;
                            </option>
                            <option value="#xf1c4;" {{ $category->icon === "#xf1c4;" ? 'selected':''}} >&#xf1c4;
                            </option>
                            <option value="#xf1c7;" {{ $category->icon === "#xf1c7;" ? 'selected':''}} >&#xf1c7;
                            </option>
                            <option value="#xf15c;" {{ $category->icon === "#xf15c;" ? 'selected':''}} >&#xf15c;
                            </option>
                            <option value="#xf0f6;" {{ $category->icon === "#xf0f6;" ? 'selected':''}} >&#xf0f6;
                            </option>
                            <option value="#xf1c8;" {{ $category->icon === "#xf1c8;" ? 'selected':''}} >&#xf1c8;
                            </option>
                            <option value="#xf1c2;" {{ $category->icon === "#xf1c2;" ? 'selected':''}} >&#xf1c2;
                            </option>
                            <option value="#xf1c6;" {{ $category->icon === "#xf1c6;" ? 'selected':''}} >&#xf1c6;
                            </option>
                            <option value="#xf0c5;" {{ $category->icon === "#xf0c5;" ? 'selected':''}} >&#xf0c5;
                            </option>
                            <option value="#xf008;" {{ $category->icon === "#xf008;" ? 'selected':''}} >&#xf008;
                            </option>
                            <option value="#xf0b0;" {{ $category->icon === "#xf0b0;" ? 'selected':''}} >&#xf0b0;
                            </option>
                            <option value="#xf06d;" {{ $category->icon === "#xf06d;" ? 'selected':''}} >&#xf06d;
                            </option>
                            <option value="#xf134;" {{ $category->icon === "#xf134;" ? 'selected':''}} >&#xf134;
                            </option>
                            <option value="#xf269;" {{ $category->icon === "#xf269;" ? 'selected':''}} >&#xf269;
                            </option>
                            <option value="#xf024;" {{ $category->icon === "#xf024;" ? 'selected':''}} >&#xf024;
                            </option>
                            <option value="#xf11e;" {{ $category->icon === "#xf11e;" ? 'selected':''}} >&#xf11e;
                            </option>
                            <option value="#xf11d;" {{ $category->icon === "#xf11d;" ? 'selected':''}} >&#xf11d;
                            </option>
                            <option value="#xf0e7;" {{ $category->icon === "#xf0e7;" ? 'selected':''}} >&#xf0e7;
                            </option>
                            <option value="#xf0c3;" {{ $category->icon === "#xf0c3;" ? 'selected':''}} >&#xf0c3;
                            </option>
                            <option value="#xf16e;" {{ $category->icon === "#xf16e;" ? 'selected':''}} >&#xf16e;
                            </option>
                            <option value="#xf0c7;" {{ $category->icon === "#xf0c7;" ? 'selected':''}} >&#xf0c7;
                            </option>
                            <option value="#xf07b;" {{ $category->icon === "#xf07b;" ? 'selected':''}} >&#xf07b;
                            </option>
                            <option value="#xf114;" {{ $category->icon === "#xf114;" ? 'selected':''}} >&#xf114;
                            </option>
                            <option value="#xf07c;" {{ $category->icon === "#xf07c;" ? 'selected':''}} >&#xf07c;
                            </option>
                            <option value="#xf115;" {{ $category->icon === "#xf115;" ? 'selected':''}} >&#xf115;
                            </option>
                            <option value="#xf031;" {{ $category->icon === "#xf031;" ? 'selected':''}} >&#xf031;
                            </option>
                            <option value="#xf280;" {{ $category->icon === "#xf280;" ? 'selected':''}} >&#xf280;
                            </option>
                            <option value="#xf211;" {{ $category->icon === "#xf211;" ? 'selected':''}} >&#xf211;
                            </option>
                            <option value="#xf04e;" {{ $category->icon === "#xf04e;" ? 'selected':''}} >&#xf04e;
                            </option>
                            <option value="#xf180;" {{ $category->icon === "#xf180;" ? 'selected':''}} >&#xf180;
                            </option>
                            <option value="#xf119;" {{ $category->icon === "#xf119;" ? 'selected':''}} >&#xf119;
                            </option>
                            <option value="#xf1e3;" {{ $category->icon === "#xf1e3;" ? 'selected':''}} >&#xf1e3;
                            </option>
                            <option value="#xf11b;" {{ $category->icon === "#xf11b;" ? 'selected':''}} >&#xf11b;
                            </option>
                            <option value="#xf0e3;" {{ $category->icon === "#xf0e3;" ? 'selected':''}} >&#xf0e3;
                            </option>
                            <option value="#xf154;" {{ $category->icon === "#xf154;" ? 'selected':''}} >&#xf154;
                            </option>
                            <option value="#xf1d1;" {{ $category->icon === "#xf1d1;" ? 'selected':''}} >&#xf1d1;
                            </option>
                            <option value="#xf013;" {{ $category->icon === "#xf013;" ? 'selected':''}} >&#xf013;
                            </option>
                            <option value="#xf085;" {{ $category->icon === "#xf085;" ? 'selected':''}} >&#xf085;
                            </option>
                            <option value="#xf22d;" {{ $category->icon === "#xf22d;" ? 'selected':''}} >&#xf22d;
                            </option>
                            <option value="#xf265;" {{ $category->icon === "#xf265;" ? 'selected':''}} >&#xf265;
                            </option>
                            <option value="#xf260;" {{ $category->icon === "#xf260;" ? 'selected':''}} >&#xf260;
                            </option>
                            <option value="#xf261;" {{ $category->icon === "#xf261;" ? 'selected':''}} >&#xf261;
                            </option>
                            <option value="#xf06b;" {{ $category->icon === "#xf06b;" ? 'selected':''}} >&#xf06b;
                            </option>
                            <option value="#xf1d3;" {{ $category->icon === "#xf1d3;" ? 'selected':''}} >&#xf1d3;
                            </option>
                            <option value="#xf1d2;" {{ $category->icon === "#xf1d2;" ? 'selected':''}} >&#xf1d2;
                            </option>
                            <option value="#xf09b;" {{ $category->icon === "#xf09b;" ? 'selected':''}} >&#xf09b;
                            </option>
                            <option value="#xf113;" {{ $category->icon === "#xf113;" ? 'selected':''}} >&#xf113;
                            </option>
                            <option value="#xf092;" {{ $category->icon === "#xf092;" ? 'selected':''}} >&#xf092;
                            </option>
                            <option value="#xf184;" {{ $category->icon === "#xf184;" ? 'selected':''}} >&#xf184;
                            </option>
                            <option value="#xf000;" {{ $category->icon === "#xf000;" ? 'selected':''}} >&#xf000;
                            </option>
                            <option value="#xf0ac;" {{ $category->icon === "#xf0ac;" ? 'selected':''}} >&#xf0ac;
                            </option>
                            <option value="#xf1a0;" {{ $category->icon === "#xf1a0;" ? 'selected':''}} >&#xf1a0;
                            </option>
                            <option value="#xf0d5;" {{ $category->icon === "#xf0d5;" ? 'selected':''}} >&#xf0d5;
                            </option>
                            <option value="#xf0d4;" {{ $category->icon === "#xf0d4;" ? 'selected':''}} >&#xf0d4;
                            </option>
                            <option value="#xf1ee;" {{ $category->icon === "#xf1ee;" ? 'selected':''}} >&#xf1ee;
                            </option>
                            <option value="#xf19d;" {{ $category->icon === "#xf19d;" ? 'selected':''}} >&#xf19d;
                            </option>
                            <option value="#xf184;" {{ $category->icon === "#xf184;" ? 'selected':''}} >&#xf184;
                            </option>
                            <option value="#xf0c0;" {{ $category->icon === "#xf0c0;" ? 'selected':''}} >&#xf0c0;
                            </option>
                            <option value="#xf0fd;" {{ $category->icon === "#xf0fd;" ? 'selected':''}} >&#xf0fd;
                            </option>
                            <option value="#xf1d4;" {{ $category->icon === "#xf1d4;" ? 'selected':''}} >&#xf1d4;
                            </option>
                            <option value="#xf255;" {{ $category->icon === "#xf255;" ? 'selected':''}} >&#xf255;
                            </option>
                            <option value="#xf258;" {{ $category->icon === "#xf258;" ? 'selected':''}} >&#xf258;
                            </option>
                            <option value="#xf0a7;" {{ $category->icon === "#xf0a7;" ? 'selected':''}} >&#xf0a7;
                            </option>
                            <option value="#xf0a5;" {{ $category->icon === "#xf0a5;" ? 'selected':''}} >&#xf0a5;
                            </option>
                            <option value="#xf0a4;" {{ $category->icon === "#xf0a4;" ? 'selected':''}} >&#xf0a4;
                            </option>
                            <option value="#xf0a6;" {{ $category->icon === "#xf0a6;" ? 'selected':''}} >&#xf0a6;
                            </option>
                            <option value="#xf256;" {{ $category->icon === "#xf256;" ? 'selected':''}} >&#xf256;
                            </option>
                            <option value="#xf25b;" {{ $category->icon === "#xf25b;" ? 'selected':''}} >&#xf25b;
                            </option>
                            <option value="#xf25a;" {{ $category->icon === "#xf25a;" ? 'selected':''}} >&#xf25a;
                            </option>
                            <option value="#xf255;" {{ $category->icon === "#xf255;" ? 'selected':''}} >&#xf255;
                            </option>
                            <option value="#xf257;" {{ $category->icon === "#xf257;" ? 'selected':''}} >&#xf257;
                            </option>
                            <option value="#xf259;" {{ $category->icon === "#xf259;" ? 'selected':''}} >&#xf259;
                            </option>
                            <option value="#xf256;" {{ $category->icon === "#xf256;" ? 'selected':''}} >&#xf256;
                            </option>
                            <option value="#xf0a0;" {{ $category->icon === "#xf0a0;" ? 'selected':''}} >&#xf0a0;
                            </option>
                            <option value="#xf1dc;" {{ $category->icon === "#xf1dc;" ? 'selected':''}} >&#xf1dc;
                            </option>
                            <option value="#xf025;" {{ $category->icon === "#xf025;" ? 'selected':''}} >&#xf025;
                            </option>
                            <option value="#xf004;" {{ $category->icon === "#xf004;" ? 'selected':''}} >&#xf004;
                            </option>
                            <option value="#xf08a;" {{ $category->icon === "#xf08a;" ? 'selected':''}} >&#xf08a;
                            </option>
                            <option value="#xf21e;" {{ $category->icon === "#xf21e;" ? 'selected':''}} >&#xf21e;
                            </option>
                            <option value="#xf1da;" {{ $category->icon === "#xf1da;" ? 'selected':''}} >&#xf1da;
                            </option>
                            <option value="#xf015;" {{ $category->icon === "#xf015;" ? 'selected':''}} >&#xf015;
                            </option>
                            <option value="#xf0f8;" {{ $category->icon === "#xf0f8;" ? 'selected':''}} >&#xf0f8;
                            </option>
                            <option value="#xf236;" {{ $category->icon === "#xf236;" ? 'selected':''}} >&#xf236;
                            </option>
                            <option value="#xf254;" {{ $category->icon === "#xf254;" ? 'selected':''}} >&#xf254;
                            </option>
                            <option value="#xf251;" {{ $category->icon === "#xf251;" ? 'selected':''}} >&#xf251;
                            </option>
                            <option value="#xf252;" {{ $category->icon === "#xf252;" ? 'selected':''}} >&#xf252;
                            </option>
                            <option value="#xf253;" {{ $category->icon === "#xf253;" ? 'selected':''}} >&#xf253;
                            </option>
                            <option value="#xf253;" {{ $category->icon === "#xf253;" ? 'selected':''}} >&#xf253;
                            </option>
                            <option value="#xf252;" {{ $category->icon === "#xf252;" ? 'selected':''}} >&#xf252;
                            </option>
                            <option value="#xf250;" {{ $category->icon === "#xf250;" ? 'selected':''}} >&#xf250;
                            </option>
                            <option value="#xf251;" {{ $category->icon === "#xf251;" ? 'selected':''}} >&#xf251;
                            </option>
                            <option value="#xf27c;" {{ $category->icon === "#xf27c;" ? 'selected':''}} >&#xf27c;
                            </option>
                            <option value="#xf13b;" {{ $category->icon === "#xf13b;" ? 'selected':''}} >&#xf13b;
                            </option>
                            <option value="#xf246;" {{ $category->icon === "#xf246;" ? 'selected':''}} >&#xf246;
                            </option>
                            <option value="#xf20b;" {{ $category->icon === "#xf20b;" ? 'selected':''}} >&#xf20b;
                            </option>
                            <option value="#xf03e;" {{ $category->icon === "#xf03e;" ? 'selected':''}} >&#xf03e;
                            </option>
                            <option value="#xf01c;" {{ $category->icon === "#xf01c;" ? 'selected':''}} >&#xf01c;
                            </option>
                            <option value="#xf03c;" {{ $category->icon === "#xf03c;" ? 'selected':''}} >&#xf03c;
                            </option>
                            <option value="#xf275;" {{ $category->icon === "#xf275;" ? 'selected':''}} >&#xf275;
                            </option>
                            <option value="#xf129;" {{ $category->icon === "#xf129;" ? 'selected':''}} >&#xf129;
                            </option>
                            <option value="#xf05a;" {{ $category->icon === "#xf05a;" ? 'selected':''}} >&#xf05a;
                            </option>
                            <option value="#xf156;" {{ $category->icon === "#xf156;" ? 'selected':''}} >&#xf156;
                            </option>
                            <option value="#xf16d;" {{ $category->icon === "#xf16d;" ? 'selected':''}} >&#xf16d;
                            </option>
                            <option value="#xf19c;" {{ $category->icon === "#xf19c;" ? 'selected':''}} >&#xf19c;
                            </option>
                            <option value="#xf26b;" {{ $category->icon === "#xf26b;" ? 'selected':''}} >&#xf26b;
                            </option>
                            <option value="#xf224;" {{ $category->icon === "#xf224;" ? 'selected':''}} >&#xf224;
                            </option>
                            <option value="#xf208;" {{ $category->icon === "#xf208;" ? 'selected':''}} >&#xf208;
                            </option>
                            <option value="#xf033;" {{ $category->icon === "#xf033;" ? 'selected':''}} >&#xf033;
                            </option>
                            <option value="#xf1aa;" {{ $category->icon === "#xf1aa;" ? 'selected':''}} >&#xf1aa;
                            </option>
                            <option value="#xf157;" {{ $category->icon === "#xf157;" ? 'selected':''}} >&#xf157;
                            </option>
                            <option value="#xf1cc;" {{ $category->icon === "#xf1cc;" ? 'selected':''}} >&#xf1cc;
                            </option>
                            <option value="#xf084;" {{ $category->icon === "#xf084;" ? 'selected':''}} >&#xf084;
                            </option>
                            <option value="#xf11c;" {{ $category->icon === "#xf11c;" ? 'selected':''}} >&#xf11c;
                            </option>
                            <option value="#xf159;" {{ $category->icon === "#xf159;" ? 'selected':''}} >&#xf159;
                            </option>
                            <option value="#xf1ab;" {{ $category->icon === "#xf1ab;" ? 'selected':''}} >&#xf1ab;
                            </option>
                            <option value="#xf109;" {{ $category->icon === "#xf109;" ? 'selected':''}} >&#xf109;
                            </option>
                            <option value="#xf202;" {{ $category->icon === "#xf202;" ? 'selected':''}} >&#xf202;
                            </option>
                            <option value="#xf203;" {{ $category->icon === "#xf203;" ? 'selected':''}} >&#xf203;
                            </option>
                            <option value="#xf06c;" {{ $category->icon === "#xf06c;" ? 'selected':''}} >&#xf06c;
                            </option>
                            <option value="#xf212;" {{ $category->icon === "#xf212;" ? 'selected':''}} >&#xf212;
                            </option>
                            <option value="#xf0e3;" {{ $category->icon === "#xf0e3;" ? 'selected':''}} >&#xf0e3;
                            </option>
                            <option value="#xf094;" {{ $category->icon === "#xf094;" ? 'selected':''}} >&#xf094;
                            </option>
                            <option value="#xf149;" {{ $category->icon === "#xf149;" ? 'selected':''}} >&#xf149;
                            </option>
                            <option value="#xf148;" {{ $category->icon === "#xf148;" ? 'selected':''}} >&#xf148;
                            </option>
                            <option value="#xf1cd;" {{ $category->icon === "#xf1cd;" ? 'selected':''}} >&#xf1cd;
                            </option>
                            <option value="#xf1cd;" {{ $category->icon === "#xf1cd;" ? 'selected':''}} >&#xf1cd;
                            </option>
                            <option value="#xf1cd;" {{ $category->icon === "#xf1cd;" ? 'selected':''}} >&#xf1cd;
                            </option>
                            <option value="#xf1cd;" {{ $category->icon === "#xf1cd;" ? 'selected':''}} >&#xf1cd;
                            </option>
                            <option value="#xf0eb;" {{ $category->icon === "#xf0eb;" ? 'selected':''}} >&#xf0eb;
                            </option>
                            <option value="#xf201;" {{ $category->icon === "#xf201;" ? 'selected':''}} >&#xf201;
                            </option>
                            <option value="#xf0c1;" {{ $category->icon === "#xf0c1;" ? 'selected':''}} >&#xf0c1;
                            </option>
                            <option value="#xf0e1;" {{ $category->icon === "#xf0e1;" ? 'selected':''}} >&#xf0e1;
                            </option>
                            <option value="#xf08c;" {{ $category->icon === "#xf08c;" ? 'selected':''}} >&#xf08c;
                            </option>
                            <option value="#xf17c;" {{ $category->icon === "#xf17c;" ? 'selected':''}} >&#xf17c;
                            </option>
                            <option value="#xf03a;" {{ $category->icon === "#xf03a;" ? 'selected':''}} >&#xf03a;
                            </option>
                            <option value="#xf022;" {{ $category->icon === "#xf022;" ? 'selected':''}} >&#xf022;
                            </option>
                            <option value="#xf0cb;" {{ $category->icon === "#xf0cb;" ? 'selected':''}} >&#xf0cb;
                            </option>
                            <option value="#xf0ca;" {{ $category->icon === "#xf0ca;" ? 'selected':''}} >&#xf0ca;
                            </option>
                            <option value="#xf124;" {{ $category->icon === "#xf124;" ? 'selected':''}} >&#xf124;
                            </option>
                            <option value="#xf023;" {{ $category->icon === "#xf023;" ? 'selected':''}} >&#xf023;
                            </option>
                            <option value="#xf175;" {{ $category->icon === "#xf175;" ? 'selected':''}} >&#xf175;
                            </option>
                            <option value="#xf177;" {{ $category->icon === "#xf177;" ? 'selected':''}} >&#xf177;
                            </option>
                            <option value="#xf178;" {{ $category->icon === "#xf178;" ? 'selected':''}} >&#xf178;
                            </option>
                            <option value="#xf176;" {{ $category->icon === "#xf176;" ? 'selected':''}} >&#xf176;
                            </option>
                            <option value="#xf0d0;" {{ $category->icon === "#xf0d0;" ? 'selected':''}} >&#xf0d0;
                            </option>
                            <option value="#xf076;" {{ $category->icon === "#xf076;" ? 'selected':''}} >&#xf076;
                            </option>
                            <option value="#xf22a;" {{ $category->icon === "#xf22a;" ? 'selected':''}} >&#xf22a;
                            </option>
                            <option value="#xf136;" {{ $category->icon === "#xf136;" ? 'selected':''}} >&#xf136;
                            </option>
                            <option value="#xf20c;" {{ $category->icon === "#xf20c;" ? 'selected':''}} >&#xf20c;
                            </option>
                            <option value="#xf23a;" {{ $category->icon === "#xf23a;" ? 'selected':''}} >&#xf23a;
                            </option>
                            <option value="#xf0fa;" {{ $category->icon === "#xf0fa;" ? 'selected':''}} >&#xf0fa;
                            </option>
                            <option value="#xf11a;" {{ $category->icon === "#xf11a;" ? 'selected':''}} >&#xf11a;
                            </option>
                            <option value="#xf223;" {{ $category->icon === "#xf223;" ? 'selected':''}} >&#xf223;
                            </option>
                            <option value="#xf130;" {{ $category->icon === "#xf130;" ? 'selected':''}} >&#xf130;
                            </option>
                            <option value="#xf10b;" {{ $category->icon === "#xf10b;" ? 'selected':''}} >&#xf10b;
                            </option>
                            <option value="#xf21c;" {{ $category->icon === "#xf21c;" ? 'selected':''}} >&#xf21c;
                            </option>
                            <option value="#xf245;" {{ $category->icon === "#xf245;" ? 'selected':''}} >&#xf245;
                            </option>
                            <option value="#xf001;" {{ $category->icon === "#xf001;" ? 'selected':''}} >&#xf001;
                            </option>
                            <option value="#xf0c9;" {{ $category->icon === "#xf0c9;" ? 'selected':''}} >&#xf0c9;
                            </option>
                            <option value="#xf22c;" {{ $category->icon === "#xf22c;" ? 'selected':''}} >&#xf22c;
                            </option>
                            <option value="#xf1ea;" {{ $category->icon === "#xf1ea;" ? 'selected':''}} >&#xf1ea;
                            </option>
                            <option value="#xf23d;" {{ $category->icon === "#xf23d;" ? 'selected':''}} >&#xf23d;
                            </option>
                            <option value="#xf19b;" {{ $category->icon === "#xf19b;" ? 'selected':''}} >&#xf19b;
                            </option>
                            <option value="#xf26a;" {{ $category->icon === "#xf26a;" ? 'selected':''}} >&#xf26a;
                            </option>
                            <option value="#xf03b;" {{ $category->icon === "#xf03b;" ? 'selected':''}} >&#xf03b;
                            </option>
                            <option value="#xf18c;" {{ $category->icon === "#xf18c;" ? 'selected':''}} >&#xf18c;
                            </option>
                            <option value="#xf1d9;" {{ $category->icon === "#xf1d9;" ? 'selected':''}} >&#xf1d9;
                            </option>
                            <option value="#xf0c6;" {{ $category->icon === "#xf0c6;" ? 'selected':''}} >&#xf0c6;
                            </option>
                            <option value="#xf1dd;" {{ $category->icon === "#xf1dd;" ? 'selected':''}} >&#xf1dd;
                            </option>
                            <option value="#xf0ea;" {{ $category->icon === "#xf0ea;" ? 'selected':''}} >&#xf0ea;
                            </option>
                            <option value="#xf04c;" {{ $category->icon === "#xf04c;" ? 'selected':''}} >&#xf04c;
                            </option>
                            <option value="#xf1b0;" {{ $category->icon === "#xf1b0;" ? 'selected':''}} >&#xf1b0;
                            </option>
                            <option value="#xf1ed;" {{ $category->icon === "#xf1ed;" ? 'selected':''}} >&#xf1ed;
                            </option>
                            <option value="#xf040;" {{ $category->icon === "#xf040;" ? 'selected':''}} >&#xf040;
                            </option>
                            <option value="#xf044;" {{ $category->icon === "#xf044;" ? 'selected':''}} >&#xf044;
                            </option>
                            <option value="#xf095;" {{ $category->icon === "#xf095;" ? 'selected':''}} >&#xf095;
                            </option>
                            <option value="#xf03e;" {{ $category->icon === "#xf03e;" ? 'selected':''}} >&#xf03e;
                            </option>
                            <option value="#xf03e;" {{ $category->icon === "#xf03e;" ? 'selected':''}} >&#xf03e;
                            </option>
                            <option value="#xf200;" {{ $category->icon === "#xf200;" ? 'selected':''}} >&#xf200;
                            </option>
                            <option value="#xf1a7;" {{ $category->icon === "#xf1a7;" ? 'selected':''}} >&#xf1a7;
                            </option>
                            <option value="#xf1a8;" {{ $category->icon === "#xf1a8;" ? 'selected':''}} >&#xf1a8;
                            </option>
                            <option value="#xf0d2;" {{ $category->icon === "#xf0d2;" ? 'selected':''}} >&#xf0d2;
                            </option>
                            <option value="#xf231;" {{ $category->icon === "#xf231;" ? 'selected':''}} >&#xf231;
                            </option>
                            <option value="#xf0d3;" {{ $category->icon === "#xf0d3;" ? 'selected':''}} >&#xf0d3;
                            </option>
                            <option value="#xf072;" {{ $category->icon === "#xf072;" ? 'selected':''}} >&#xf072;
                            </option>
                            <option value="#xf04b;" {{ $category->icon === "#xf04b;" ? 'selected':''}} >&#xf04b;
                            </option>
                            <option value="#xf144;" {{ $category->icon === "#xf144;" ? 'selected':''}} >&#xf144;
                            </option>
                            <option value="#xf01d;" {{ $category->icon === "#xf01d;" ? 'selected':''}} >&#xf01d;
                            </option>
                            <option value="#xf1e6;" {{ $category->icon === "#xf1e6;" ? 'selected':''}} >&#xf1e6;
                            </option>
                            <option value="#xf067;" {{ $category->icon === "#xf067;" ? 'selected':''}} >&#xf067;
                            </option>
                            <option value="#xf055;" {{ $category->icon === "#xf055;" ? 'selected':''}} >&#xf055;
                            </option>
                            <option value="#xf0fe;" {{ $category->icon === "#xf0fe;" ? 'selected':''}} >&#xf0fe;
                            </option>
                            <option value="#xf196;" {{ $category->icon === "#xf196;" ? 'selected':''}} >&#xf196;
                            </option>
                            <option value="#xf011;" {{ $category->icon === "#xf011;" ? 'selected':''}} >&#xf011;
                            </option>
                            <option value="#xf02f;" {{ $category->icon === "#xf02f;" ? 'selected':''}} >&#xf02f;
                            </option>
                            <option value="#xf12e;" {{ $category->icon === "#xf12e;" ? 'selected':''}} >&#xf12e;
                            </option>
                            <option value="#xf1d6;" {{ $category->icon === "#xf1d6;" ? 'selected':''}} >&#xf1d6;
                            </option>
                            <option value="#xf029;" {{ $category->icon === "#xf029;" ? 'selected':''}} >&#xf029;
                            </option>
                            <option value="#xf128;" {{ $category->icon === "#xf128;" ? 'selected':''}} >&#xf128;
                            </option>
                            <option value="#xf059;" {{ $category->icon === "#xf059;" ? 'selected':''}} >&#xf059;
                            </option>
                            <option value="#xf10d;" {{ $category->icon === "#xf10d;" ? 'selected':''}} >&#xf10d;
                            </option>
                            <option value="#xf10e;" {{ $category->icon === "#xf10e;" ? 'selected':''}} >&#xf10e;
                            </option>
                            <option value="#xf1d0;" {{ $category->icon === "#xf1d0;" ? 'selected':''}} >&#xf1d0;
                            </option>
                            <option value="#xf074;" {{ $category->icon === "#xf074;" ? 'selected':''}} >&#xf074;
                            </option>
                            <option value="#xf1d0;" {{ $category->icon === "#xf1d0;" ? 'selected':''}} >&#xf1d0;
                            </option>
                            <option value="#xf1b8;" {{ $category->icon === "#xf1b8;" ? 'selected':''}} >&#xf1b8;
                            </option>
                            <option value="#xf1a1;" {{ $category->icon === "#xf1a1;" ? 'selected':''}} >&#xf1a1;
                            </option>
                            <option value="#xf1a2;" {{ $category->icon === "#xf1a2;" ? 'selected':''}} >&#xf1a2;
                            </option>
                            <option value="#xf021;" {{ $category->icon === "#xf021;" ? 'selected':''}} >&#xf021;
                            </option>
                            <option value="#xf25d;" {{ $category->icon === "#xf25d;" ? 'selected':''}} >&#xf25d;
                            </option>
                            <option value="#xf00d;" {{ $category->icon === "#xf00d;" ? 'selected':''}} >&#xf00d;
                            </option>
                            <option value="#xf18b;" {{ $category->icon === "#xf18b;" ? 'selected':''}} >&#xf18b;
                            </option>
                            <option value="#xf0c9;" {{ $category->icon === "#xf0c9;" ? 'selected':''}} >&#xf0c9;
                            </option>
                            <option value="#xf01e;" {{ $category->icon === "#xf01e;" ? 'selected':''}} >&#xf01e;
                            </option>
                            <option value="#xf112;" {{ $category->icon === "#xf112;" ? 'selected':''}} >&#xf112;
                            </option>
                            <option value="#xf122;" {{ $category->icon === "#xf122;" ? 'selected':''}} >&#xf122;
                            </option>
                            <option value="#xf079;" {{ $category->icon === "#xf079;" ? 'selected':''}} >&#xf079;
                            </option>
                            <option value="#xf157;" {{ $category->icon === "#xf157;" ? 'selected':''}} >&#xf157;
                            </option>
                            <option value="#xf018;" {{ $category->icon === "#xf018;" ? 'selected':''}} >&#xf018;
                            </option>
                            <option value="#xf135;" {{ $category->icon === "#xf135;" ? 'selected':''}} >&#xf135;
                            </option>
                            <option value="#xf0e2;" {{ $category->icon === "#xf0e2;" ? 'selected':''}} >&#xf0e2;
                            </option>
                            <option value="#xf01e;" {{ $category->icon === "#xf01e;" ? 'selected':''}} >&#xf01e;
                            </option>
                            <option value="#xf158;" {{ $category->icon === "#xf158;" ? 'selected':''}} >&#xf158;
                            </option>
                            <option value="#xf09e;" {{ $category->icon === "#xf09e;" ? 'selected':''}} >&#xf09e;
                            </option>
                            <option value="#xf143;" {{ $category->icon === "#xf143;" ? 'selected':''}} >&#xf143;
                            </option>
                            <option value="#xf158;" {{ $category->icon === "#xf158;" ? 'selected':''}} >&#xf158;
                            </option>
                            <option value="#xf158;" {{ $category->icon === "#xf158;" ? 'selected':''}} >&#xf158;
                            </option>
                            <option value="#xf156;" {{ $category->icon === "#xf156;" ? 'selected':''}} >&#xf156;
                            </option>
                            <option value="#xf267;" {{ $category->icon === "#xf267;" ? 'selected':''}} >&#xf267;
                            </option>
                            <option value="#xf1de;" {{ $category->icon === "#xf1de;" ? 'selected':''}} >&#xf1de;
                            </option>
                            <option value="#xf1e7;" {{ $category->icon === "#xf1e7;" ? 'selected':''}} >&#xf1e7;
                            </option>
                            <option value="#xf118;" {{ $category->icon === "#xf118;" ? 'selected':''}} >&#xf118;
                            </option>
                            <option value="#xf0de;" {{ $category->icon === "#xf0de;" ? 'selected':''}} >&#xf0de;
                            </option>
                            <option value="#xf0dd;" {{ $category->icon === "#xf0dd;" ? 'selected':''}} >&#xf0dd;
                            </option>
                            <option value="#xf0dd;" {{ $category->icon === "#xf0dd;" ? 'selected':''}} >&#xf0dd;
                            </option>
                            <option value="#xf110;" {{ $category->icon === "#xf110;" ? 'selected':''}} >&#xf110;
                            </option>
                            <option value="#xf1b1;" {{ $category->icon === "#xf1b1;" ? 'selected':''}} >&#xf1b1;
                            </option>
                            <option value="#xf1bc;" {{ $category->icon === "#xf1bc;" ? 'selected':''}} >&#xf1bc;
                            </option>
                            <option value="#xf0c8;" {{ $category->icon === "#xf0c8;" ? 'selected':''}} >&#xf0c8;
                            </option>
                            <option value="#xf096;" {{ $category->icon === "#xf096;" ? 'selected':''}} >&#xf096;
                            </option>
                            <option value="#xf005;" {{ $category->icon === "#xf005;" ? 'selected':''}} >&#xf005;
                            </option>
                            <option value="#xf089;" {{ $category->icon === "#xf089;" ? 'selected':''}} >&#xf089;
                            </option>
                            <option value="#xf04d;" {{ $category->icon === "#xf04d;" ? 'selected':''}} >&#xf04d;
                            </option>
                            <option value="#xf12c;" {{ $category->icon === "#xf12c;" ? 'selected':''}} >&#xf12c;
                            </option>
                            <option value="#xf10a;" {{ $category->icon === "#xf10a;" ? 'selected':''}} >&#xf10a;
                            </option>
                            <option value="#xf0e4;" {{ $category->icon === "#xf0e4;" ? 'selected':''}} >&#xf0e4;
                            </option>
                            <option value="#xf02b;" {{ $category->icon === "#xf02b;" ? 'selected':''}} >&#xf02b;
                            </option>
                            <option value="#xf02c;" {{ $category->icon === "#xf02c;" ? 'selected':''}} >&#xf02c;
                            </option>
                        </select>
                        </select>

                    </div>

                    <div class="text-center">
                        <button type="button" id="saveBtn-edit-category" class="btn btn-primary mx-2 px-5 py-2 my-2">
                            Save
                        </button>
                        <button type="button" class="btn btn-light mx-2 px-5 py-2 my-2" id="cancelBtn-edit-category"
                            data-dismiss="modal">
                            Cancel
                        </button>

                    </div>
                    <div class="col-md-12 mt-3">
                        <div id="edit-category-confirm" class="alert bootstrap-alert-success mx-4 mb-3" role="alert"
                            style="display: none">
                        </div>
                        <div id="edit-category-error" class="alert bootstrap-alert-danger mx-4 mb-3" role="alert"
                            style="display: none">
                        </div>

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