Ignore:
Timestamp:
02/12/24 14:17:23 (9 months ago)
Author:
bube-ristovska <ristovska725@…>
Branches:
main
Children:
2bd3041
Parents:
92df8cd
Message:

Finalized phase 5

File:
1 edited

Legend:

Unmodified
Added
Removed

  • resources/views/filter.blade.php

    r92df8cd r7e9dadd  
    2929        .flex-child-element {
    3030            flex: 1;
    31             margin: 10px;
     31            margin: 4px;
    3232        }
    3333
    … …  
    218218    <main class="w-full flex-grow p-6">
    219219
    220         <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
     220        <h1 class="text-3xl text-black pb-6">Филтрирај граѓани</h1>
    221221        <div style="width: 600px">
    222222            <form action="/filter" method="post">
    … …  
    230230
    231231                    <label for="embg" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>
    232                     <input type="text" id="embg" name="embg" class="block w-full p-4 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Пребарај матичен број..." required>
     232                    <input type="text" id="embg" name="embg" class="block w-full p-4 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Пребарај матичен број..." >
    233233                    <button type="submit" class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Search</button>
    234234                </div>
     235                    <div class="flex-parent-element">
     236                        <h3>Возраст</h3>
     237
     238                        <div class="flex-child-element">
     239                            <label class="container">&lt;18
     240                                <input type="checkbox" name="age[]" value="0-18">
     241                                <span class="checkmark"></span>
     242                            </label>
     243
     244                            <label class="container">19-25
     245                                <input type="checkbox" name="age[]" value="19-25">
     246                                <span class="checkmark"></span>
     247                            </label>
     248
     249                            <label class="container">26-60
     250                                <input type="checkbox" name="age[]" value="26-60">
     251                                <span class="checkmark"></span>
     252                            </label>
     253
     254                            <label class="container">60+
     255                                <input type="checkbox" name="age[]" value="60-120">
     256                                <span class="checkmark"></span>
     257                            </label>
     258                        </div>
     259
     260                        <h3>Пол</h3>
     261                        <div class="flex-child-element">
     262                            <label class="container">М
     263                                <input type="checkbox" name="gender[]" value="M">
     264                                <span class="checkmark"></span>
     265                            </label>
     266
     267                            <label class="container">Ж
     268                                <input type="checkbox" name="gender[]" value="F">
     269                                <span class="checkmark"></span>
     270                            </label>
     271                        </div>
     272
     273                    </div>
    235274            </form>
    236275        </div>
    237276
    238         <div class="flex-parent-element">
    239             <h3>Возраст</h3>
    240 
    241             <div class="flex-child-element"> <label class="container">&lt;18 год
    242                     <input type="checkbox" checked="checked">
    243                     <span class="checkmark"></span>
    244                 </label>
    245 
    246                 <label class="container"> 19-25
    247                     <input type="checkbox">
    248                     <span class="checkmark"></span>
    249                 </label>
    250 
    251                 <label class="container">26-60
    252                     <input type="checkbox">
    253                     <span class="checkmark"></span>
    254                 </label>
    255 
    256                 <label class="container">60+
    257                     <input type="checkbox">
    258                     <span class="checkmark"></span>
    259                 </label>
    260             </div>
    261             <h3>Пол</h3>
    262             <div class="flex-child-element">
    263                 <label class="container">М
    264                     <input type="checkbox" checked="checked">
    265                     <span class="checkmark"></span>
    266                 </label>
    267 
    268                 <label class="container">Ж
    269                     <input type="checkbox">
    270                     <span class="checkmark"></span>
    271                 </label>
    272             </div>
    273         </div>
     277{{--        <div class="flex-parent-element">--}}
     278{{--            <h3>Возраст</h3>--}}
     279
     280{{--            <div class="flex-child-element"> <label class="container">&lt;18 год--}}
     281{{--                    <input type="checkbox" checked="checked">--}}
     282{{--                    <span class="checkmark"></span>--}}
     283{{--                </label>--}}
     284
     285{{--                <label class="container"> 19-25--}}
     286{{--                    <input type="checkbox">--}}
     287{{--                    <span class="checkmark"></span>--}}
     288{{--                </label>--}}
     289
     290{{--                <label class="container">26-60--}}
     291{{--                    <input type="checkbox">--}}
     292{{--                    <span class="checkmark"></span>--}}
     293{{--                </label>--}}
     294
     295{{--                <label class="container">60+--}}
     296{{--                    <input type="checkbox">--}}
     297{{--                    <span class="checkmark"></span>--}}
     298{{--                </label>--}}
     299{{--            </div>--}}
     300{{--            <h3>Пол</h3>--}}
     301{{--            <div class="flex-child-element">--}}
     302{{--                <label class="container">М--}}
     303{{--                    <input type="checkbox" checked="checked">--}}
     304{{--                    <span class="checkmark"></span>--}}
     305{{--                </label>--}}
     306
     307{{--                <label class="container">Ж--}}
     308{{--                    <input type="checkbox">--}}
     309{{--                    <span class="checkmark"></span>--}}
     310{{--                </label>--}}
     311{{--            </div>--}}
     312{{--        </div>--}}
    274313
    275314
    … …  
    306345                </table>
    307346            </div>
    308         </div>
    309347    </main>
    310348</div>
Note: See TracChangeset for help on using the changeset viewer.