@php
    // ผสานร่วมกับ Logic ตัวแปรเช็ค Collection เดิมของคุณได้เลยครับ
 	use \App\Http\Controllers\PermissionController;

    
    // ประกาศเส้นทางสำหรับหน้า Editor
    $breadcrumbs = [
        'Signature List' => url('/signature_list')
        // 'Signature Editor' => ''
    ];
@endphp
@extends('layouts.master')

@section('title')
    Signature List
@endsection

@section('style')
    <style>
        
    </style>
@endsection

@section('content')

{{-- @include('layouts.header') --}}

{{-- <div class="w-full bg-light border-bottom py-3" style="background-color: #f8f9fa;">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 flex-nowrap" style="font-size: 14px; background: transparent; padding: 0;">
                <li class="breadcrumb-item">
                    <a href="{{ url('/') }}" class="text-muted text-decoration-none hover:text-dark">Home</a>
                </li>
                <li class="breadcrumb-item active text-dark fw-bold" aria-current="page">
                    Signature List
                </li>
            </ol>
        </nav>
    </div>
</div> --}}

<section class="wrapper bg-light">
    <div class="container py-14">
        <div class="card">
            <div class="card-body">

                <h5 class="display-1 mb-3" style="font-size:25px">Signature List</h5>
                
                <div align="right">
                    <a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/signature_getedit/0') }}">
                        <i class="uil uil-plus"></i> Set Signature
                    </a>
                </div>

                <br>

                <div class="table-responsive">
                    <table id="example" width="100%" class="table table-striped table-condensed">
                        <thead>
                            <tr>
                                <th width="5%">No.</th>
                                <th width="12%">Name</th>
                                <th width="10%">Role</th>
                                <th width="30%">Signature</th>
                                <th width="18%">Purpose</th>
                                <th width="15%"></th>
                            </tr>
                        </thead>
                        <tbody>
                                @foreach($signature as $key => $row)

                                @php
                                    $user = DB::table('user_meta')
                                                ->where('user_userid', $row->signature_who)
                                                ->get();
                                    $getrole = PermissionController::getrole($row->user_userid);

                                @endphp
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $user->pluck('user_title')->first() }} {{ $user->pluck('user_firstname')->first() }} {{ $user->pluck('user_lastname')->first() }}</td>
                                    <td>
                                        @foreach($getrole as $grole)
											<span class="badge bg-violet rounded-pill">{{ $grole }}</span>
										@endforeach
                                    </td>
                                    <td align="center">
                                        @if(!empty($row->signature_picture))
                                            <div style="display:inline-block; padding:10px; border:1px solid #e0e0e0; border-radius:10px;
                                                       background: #ffffff;
                                                        box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                                                <img src="{{ route('signature.view', ['filename' => basename($row->signature_picture)]) }}"
                                                    alt="signature" style="max-width:260px; max-height:120px; width:100%; object-fit:contain; display:block;">
                                            </div>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        @if(empty($row->signature_purpose))
                                            -
                                        @else
                                            <b>{{ $row->signature_purpose }}</b>
                                        @endif
                                    </td>
                                    <td align="center">
												{{-- <a href="{{ url('/signature_view', $row->signature_id) }}" class="btn btn-circle btn-blue btn-sm" title="View">
													<i class="uil uil-eye"></i>
												</a>
                                                <a href="{{ url('/signature_pdf', $row->signature_id) }}" class="btn btn-circle btn-yellow btn-sm" title="Preview">
                                                            <i class="uil uil-file"></i>
                                                </a> --}}
												<a href="{{ url('/signature_getedit', $row->signature_id) }}" class="btn btn-circle btn-info btn-sm" title="Edit">
													<i class="uil uil-pen"></i>
												</a>
												<a href="{{ url('/signature_delete', $row->signature_id) }}" class="btn btn-circle btn-danger btn-sm" title="Delete" 
												   onclick="return confirm('Confirm Delete ?');">
													<i class="uil uil-trash-alt"></i>
												</a>
											</td>
                                </tr>
                                @endforeach
                            
                        </tbody>
                    </table>
                </div>

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

{{-- @include('layouts.footer') --}}

@endsection