2023-05-25 15:04:43 -04:00
|
|
|
@extends('Layouts.layout')
|
|
|
|
|
@section('Title', 'Employees')
|
|
|
|
|
@section('css')
|
|
|
|
|
<link href="{{ asset('/css/employees.css') }}" rel="stylesheet">
|
|
|
|
|
@stop
|
|
|
|
|
@section('Content')
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="loadOverlay" style="background-color:#ffffff; position:absolute; top:0px; left:0px; width:100%; min-height:1500vh; z-index:2000;"></div>
|
|
|
|
|
@include('Components.sidenav', ['state' => 'User'])
|
|
|
|
|
<div class="main">
|
|
|
|
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
<p id="title">Employees</p>
|
|
|
|
|
|
|
|
|
|
<form method="POST" action={{ action('App\Http\Controllers\IndexController@search') }} enctype="multipart/form-data">
|
|
|
|
|
@csrf
|
|
|
|
|
@method('post')
|
|
|
|
|
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input type="text" class="form-control" id="search" name="search" placeholder="Search..."/>
|
|
|
|
|
<div class="input-group-append">
|
|
|
|
|
<button class="btn btn-secondary" type="submit" style="background: #C12426"><svg id="search-icon" xmlns="http://www.w3.org/2000/svg" width="17.49" height="17.49" fill="rgba(255, 255, 255)" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg></button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="grid-container">
|
|
|
|
|
{{-- @if ($users)
|
|
|
|
|
@foreach($users as $user)
|
|
|
|
|
{{ $user->name }}
|
|
|
|
|
@endforeach
|
|
|
|
|
@endif --}}
|
|
|
|
|
|
|
|
|
|
@if ($users)
|
|
|
|
|
@foreach($users as $user)
|
|
|
|
|
<div class="card">
|
|
|
|
|
<span class="card-header">
|
|
|
|
|
{{-- <img class="card-image" src="{{ asset('/assets/people.png') }}" alt="Responsive Image"> --}}
|
|
|
|
|
<svg class="card-image" width="48" height="38" viewBox="0 0 48 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.9167 37.6666C45.9167 37.6666 49 37.6666 49 34.5555C49 31.4444 45.9167 22.1111 33.5833 22.1111C21.25 22.1111 18.1667 31.4444 18.1667 34.5555C18.1667 37.6666 21.25 37.6666 21.25 37.6666H45.9167ZM21.3178 34.5555H45.8488C45.8633 34.5538 45.8777 34.5518 45.892 34.5493L45.9167 34.5431C45.9105 33.7218 45.4017 31.3386 43.5733 29.192C41.8713 27.1791 38.8805 25.2222 33.5833 25.2222C28.2892 25.2222 25.2984 27.1822 23.5933 29.192C21.7649 31.3386 21.2531 33.7249 21.25 34.5431C21.2726 34.5475 21.2952 34.5516 21.3178 34.5555ZM33.5833 15.8889C35.2188 15.8889 36.7873 15.2333 37.9438 14.0664C39.1003 12.8995 39.75 11.3169 39.75 9.66665C39.75 8.01641 39.1003 6.43376 37.9438 5.26687C36.7873 4.09998 35.2188 3.44442 33.5833 3.44442C31.9478 3.44442 30.3793 4.09998 29.2228 5.26687C28.0664 6.43376 27.4167 8.01641 27.4167 9.66665C27.4167 11.3169 28.0664 12.8995 29.2228 14.0664C30.3793 15.2333 31.9478 15.8889 33.5833 15.8889ZM42.8333 9.66665C42.8333 10.8923 42.5941 12.106 42.1292 13.2384C41.6644 14.3707 40.983 15.3996 40.1241 16.2663C39.2651 17.133 38.2454 17.8205 37.1231 18.2895C36.0009 18.7586 34.798 19 33.5833 19C32.3686 19 31.1658 18.7586 30.0435 18.2895C28.9212 17.8205 27.9015 17.133 27.0426 16.2663C26.1836 15.3996 25.5023 14.3707 25.0374 13.2384C24.5726 12.106 24.3333 10.8923 24.3333 9.66665C24.3333 7.19129 25.3079 4.81732 27.0426 3.06698C28.7773 1.31664 31.1301 0.333313 33.5833 0.333313C36.0366 0.333313 38.3894 1.31664 40.1241 3.06698C41.8588 4.81732 42.8333 7.19129 42.8333 9.66665ZM21.0527 22.9822C19.8193 22.5903 18.5479 22.3327 17.2602 22.2138C16.5366 22.1443 15.8101 22.1101 15.0833 22.1111C2.74999 22.1111 -0.333344 31.4444 -0.333344 34.5555C-0.333344 36.6306 0.693406 37.6666 2.74999 37.6666H15.7493C15.2922 36.6954 15.0643 35.6305 15.0833 34.5555C15.0833 31.4133 16.2457 28.2026 18.4442 25.5209C19.1934 24.6062 20.066 23.7506 21.0527 22.9822ZM14.8367 25.2222C9.69366 25.2844 6.77374 27.2133 5.09332 29.192C3.25257 31.3511 2.74999 33.7435 2.74999 34.5555H12C12 31.3044 12.9959 28.0658 14.8367 25.2222ZM4.29166 11.2222C4.29166 8.74685 5.26621 6.37288 7.00092 4.62254C8.73563 2.8722 11.0884 1.88887 13.5417 1.88887C15.9949 1.88887 18.3477 2.8722 20.0824 4.62254C21.8171 6.37288 22.7917 8.74685 22.7917 11.2222C22.7917 13.6976 21.8171 16.0715 20.0824 17.8219C18.3477 19.5722 15.9949 20.5555 13.5417 20.5555C11.0884 20.5555 8.73563 19.5722 7.00092 17.8219C5.26621 16.0715 4.29166 13.6976 4.29166 11.2222ZM13.5417 4.99998C11.9062 4.99998 10.3376 5.65553 9.18116 6.82243C8.02469 7.98932 7.37499 9.57197 7.37499 11.2222C7.37499 12.8724 8.02469 14.4551 9.18116 15.622C10.3376 16.7889 11.9062 17.4444 13.5417 17.4444C15.1772 17.4444 16.7457 16.7889 17.9021 15.622C19.0586 14.4551 19.7083 12.8724 19.7083 11.2222C19.7083 9.57197 19.0586 7.98932 17.9021 6.82243C16.7457 5.65553 15.1772 4.99998 13.5417 4.99998Z" fill="#E74040"/>
|
|
|
|
|
</svg>
|
|
|
|
|
<p class="card-name">{{$user->name}}</p>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
@if (is_null($user->position))
|
|
|
|
|
<p class="card-position">N/A</p>
|
|
|
|
|
@else
|
|
|
|
|
<p class="card-position">{{$user->position}}</p>
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if (is_null($user->email))
|
|
|
|
|
p class="card-details"><b>Email:</b> N/A</p>
|
|
|
|
|
@else
|
2023-06-06 16:26:33 -04:00
|
|
|
<p class="card-details"><b>Email:</b> <a href="mailto:{{$user->email}}">{{$user->email}}</a></p>
|
2023-05-25 15:04:43 -04:00
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if (is_null($user->ext))
|
|
|
|
|
<p class="card-details"><b>Ext:</b> N/A</p>
|
|
|
|
|
@else
|
|
|
|
|
<p class="card-details"><b>Ext:</b> {{$user->ext}}</p>
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if (is_null($user->department))
|
|
|
|
|
<p class="card-details"><b>Department:</b> N/A</p>
|
|
|
|
|
@else
|
|
|
|
|
<p class="card-details"><b>Department:</b> {{$user->department}}</p>
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
@endforeach
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-05-31 16:23:00 -04:00
|
|
|
</body>
|
|
|
|
|
@stop
|
