芝麻web文件管理V1.00

489495df

编辑当前文件:/home3/mandnweb/portal.mandncleaningservice.com/resources/views/livewire/pages/staff-list.blade.php

<div>
    <div class="my-4 sm:flex block justify-between gap-4">
        <div>
            <label for="topbar-search" class="sr-only">Search</label>
            <div class="relative mt-1 lg:w-96">
                <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
                    <svg class="w-4 h-4 text-gray-500 " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/> </svg>
                </div>
                <input type="text" wire:model.live="s" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full pl-9 p-1.5 " placeholder="Search">
            </div>
        </div>
        <div>       
            <a href="{{ route('new.staff', $type) }}" class="text-xs uppercase flex gap-1 bg-blue-700 hover:bg-blue-500 text-white px-3 py-2 rounded-md"> 
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                </svg>                     
                {{ __('Create New') }}
            </a>       
        </div>
    </div>
    <div class="relative overflow-x-auto rounded-sm">    
        <table class="w-full text-sm text-left rtl:text-right text-gray-500 ">
            <thead class="text-xs text-gray-700 uppercase bg-gray-50 ">
                <tr>
                    
                    <th scope="col"  class="px-3 py-2 border border-slate-300">
                        Name
                    </th>
                    <th scope="col" width="200" class="px-3 py-2 border border-slate-300">
                        Contact
                    </th>
                    <th scope="col" width="150" class="px-3 py-2 border border-slate-300">
                        Branch
                    </th>                    
                    <th scope="col" width="220" class="px-3 py-2 border border-slate-300">
                        Job
                    </th>
                    <th scope="col" width="130" class="px-3 py-2 border border-slate-300">
                        Date Registered
                    </th>
                    <th scope="col" width="100" class="px-3 py-2 border border-slate-300 text-center">
                        Status
                    </th>                    
                </tr>
            </thead>
            <tbody class="uppercase text-xs">
                    
                    @forelse($lists as $row)
                        @php 
                            $encrypt_id = Illuminate\Support\Facades\Crypt::encrypt($row->id);        
                        @endphp
                        <tr wire:key="{{ $row->id }}" class=" odd:bg-white  even:bg-gray-50  border-b hover:bg-gray-200 cursor-pointer ">
                            <td class="border border-slate-300 text-gray-900">
                                <a target="_blank" href="{{ route('edit.staff', ['type' => $type, 'user' => $encrypt_id, 'my_account' => 0 ]) }}" class="px-3 py-2 block sm:flex block gap-3 font-bold text-blue-700 ">
                                    @php 
                                        $name = $row->first_name  . ' ' . $row->last_name;                                           
                                    @endphp 
                                    <img loading="lazy" src="https://ui-avatars.com/api/?name={{$name}}&color=7F9CF5&background=EBF4FF" width="30" height="30" class="rounded-md sm:mb-0 mb-1" />
                                    {{ trim($name) }}                                    
                                </a>                               
                            </td>
                            <td class="border border-slate-300 text-gray-900">
                                <a target="_blank" href="{{ route('edit.staff', ['type' => $type, 'user' => $encrypt_id, 'my_account' => 0 ]) }}" class="px-3 py-2 block">
                                    {{ $row->email }} <br>
                                    {{ $row->mobile_number }}
                                </a>
                            </td>
                            <td class="border border-slate-300 text-gray-900 ">
                                <a target="_blank" href="{{ route('edit.staff', ['type' => $type, 'user' => $encrypt_id, 'my_account' => 0 ]) }}" class="px-3 py-2 block">
                                    {{ $row->branch ?? '--' }}                          
                                </a>
                            </td>
                            <td class="border border-slate-300 text-gray-900">
                                <a target="_blank" href="{{ route('edit.staff', ['type' => $type, 'user' => $encrypt_id, 'my_account' => 0 ]) }}" class="px-3 py-2 block">
                                    {{ $row->getJobInfo->job_title ?? '--' }}
                                </a>
                            </td>
                            <td scope="row" class=" border border-slate-300 font-medium text-gray-900">                                        
                            <a target="_blank" href="{{ route('edit.staff', ['type' => $type, 'user' => $encrypt_id, 'my_account' => 0]) }}" class="px-3 py-2 block">
                                   {{ \Carbon\Carbon::parse($row->created_at)->format('M j, Y') }}
                                </a>
                            </td>
                            
                            @if ($row->active)
                                <td scope="row" class="bg-green-700 text-center border border-slate-300 font-medium text-white whitespace-nowrap">                                        
                                <a target="_blank" href="{{ route('edit.staff', ['type' => $type, 'user' => $encrypt_id, 'my_account' => 0]) }}" class="px-3 py-2 block">
                                        Active
                                    </a>
                                </td>
                            @else 
                                <td scope="row" class="bg-gray-500 text-center border border-slate-300 font-medium text-white whitespace-nowrap">                                        
                                <a target="_blank" href="{{ route('edit.staff', ['type' => $type, 'user' => $encrypt_id, 'my_account' => 0 ]) }}" class="px-3 py-2 block">
                                        Inactive
                                    </a>
                                </td>  
                            @endif
                             
                        </tr> 
                    @empty
                    <tr><td colspan="6" class="px-3 py-2 ">No Result Found.</td></tr>
                    @endforelse
                    
            </tbody>
        </table>
        <div class="pagination pt-6 pb-3">
            {{ $lists->onEachSide(0)->links() }}
        </div>
    </div>
</div>

芝麻web文件管理V1.00

Staff Log In