@extends('layouts.master')
@section('title', 'Work Flow List')

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

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

@section('content')

    @include('layouts.header')
    @include('layouts.title')

    <!-- <nav aria-label="breadcrumb" style="background-color:#f5f5f5; padding:10px 15px; border-radius:6px;">
        <ol class="breadcrumb" style="margin-bottom:0; background:none;">
            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ url('/employee') }}">Employee Contract</a></li>
            <li class="breadcrumb-item active" aria-current="page"
                style="color:#000; font-weight:700;">
                Age Range Type
            </li>
        </ol>
    </nav> -->
    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>

           
            <div class="col-lg-12">
                <div class="blog single">
                    <div class="card">
                        <div class="card-body">
                            
                            {{-- ===================================================== --}}
                            {{-- WORKFLOW INFORMATION --}}
                            {{-- ===================================================== --}}

                            <div class="mb-4">

                                <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">

                                    <div>

                                        <h4 class="text-primary fw-bold mb-1">

                                            Workflow Information

                                        </h4>


                                        <div class="text-muted">

                                            {{ $wf->wf_name ?? '-' }}

                                        </div>

                                    </div>


                                    <span class="badge bg-soft-primary text-primary rounded-pill px-4 py-2">

                                        {{ $flows->count() }} Steps

                                    </span>

                                </div>

                            </div>


                            <div class="table-responsive">

                                <table
                                    id="example"
                                    class="table table-bordered table-striped align-middle"
                                    width="100%"
                                >

                                    <thead class="table-light">

                                        <tr>

                                            <th
                                                width="80"
                                                class="text-center"
                                            >
                                                Step
                                            </th>


                                            <th width="130">

                                                Position Type

                                            </th>


                                            <th>

                                                Main Position

                                            </th>


                                            <th>

                                                Sub Position

                                            </th>


                                            <th>

                                                Position

                                            </th>


                                            <th style="min-width:260px;">

                                                Faculty Member's Name

                                            </th>


                                            <th>

                                                Activity

                                            </th>

                                        </tr>

                                    </thead>


                                    <tbody>

                                        @forelse($flows as $key => $item)

                                            <tr>


                                                {{-- ========================================= --}}
                                                {{-- STEP --}}
                                                {{-- ========================================= --}}

                                                <td class="text-center">

                                                    <span class="badge bg-soft-primary text-primary rounded-pill">

                                                        {{ $key + 1 }}

                                                    </span>

                                                </td>



                                                {{-- ========================================= --}}
                                                {{-- POSITION TYPE --}}
                                                {{-- ========================================= --}}

                                                <td>

                                                    @if($item->wf_position_type == 'FACULTY')

                                                        <span class="badge bg-pale-primary text-primary rounded-pill">

                                                            FACULTY

                                                        </span>


                                                    @elseif($item->wf_position_type == 'MAIN')

                                                        <span class="badge bg-pale-green text-green rounded-pill">

                                                            MAIN

                                                        </span>


                                                    @elseif($item->wf_position_type == 'SUB')

                                                        <span class="badge bg-pale-yellow text-yellow rounded-pill">

                                                            SUB

                                                        </span>


                                                    @else

                                                        <span class="badge bg-pale-ash text-dark rounded-pill">

                                                            {{ $item->wf_position_type ?? '-' }}

                                                        </span>

                                                    @endif

                                                </td>



                                                {{-- ========================================= --}}
                                                {{-- MAIN POSITION --}}
                                                {{-- ========================================= --}}

                                                <td>

                                                    @if($item->wf_position_type == 'FACULTY')

                                                        -

                                                    @else

                                                        {{ $item->main_position_name ?? '-' }}

                                                    @endif

                                                </td>



                                                {{-- ========================================= --}}
                                                {{-- SUB POSITION --}}
                                                {{-- ========================================= --}}

                                                <td>

                                                    @if($item->wf_position_type == 'SUB')

                                                        <strong>

                                                            {{ $item->sub_position_name ?? '-' }}

                                                        </strong>

                                                    @else

                                                        -

                                                    @endif

                                                </td>



                                                {{-- ========================================= --}}
                                                {{-- POSITION --}}
                                                {{-- ========================================= --}}

                                                <td>

                                                    <strong>

                                                        {{ $item->position_name ?? '-' }}

                                                    </strong>

                                                </td>



                                                {{-- ========================================= --}}
                                                {{-- FACULTY MEMBER --}}
                                                {{-- ========================================= --}}

                                                <td>


                                                    @if($item->wf_position_type == 'FACULTY')


                                                        <span class="text-muted">

                                                            Request Owner

                                                        </span>


                                                        <div class="small text-muted">

                                                            Faculty member who submits the request

                                                        </div>


                                                    @elseif(
                                                        isset($item->faculty_members)
                                                        &&
                                                        $item->faculty_members->count() > 0
                                                    )


                                                        @foreach($item->faculty_members as $faculty)


                                                            <div class="mb-1">

                                                                <i class="uil uil-user me-1"></i>


                                                                <strong>

                                                                    {{ $faculty->faculty_title }}

                                                                    {{ $faculty->faculty_firstname }}

                                                                    {{ $faculty->faculty_lastname }}

                                                                </strong>

                                                            </div>


                                                        @endforeach


                                                    @else


                                                        <span class="text-muted">

                                                            No faculty assigned

                                                        </span>


                                                    @endif


                                                </td>



                                                {{-- ========================================= --}}
                                                {{-- ACTIVITY --}}
                                                {{-- ========================================= --}}

                                                <td>

                                                    {{ $item->wf_activity_name ?? '-' }}

                                                </td>


                                            </tr>

                                        @empty


                                            <tr>

                                                <td
                                                    colspan="7"
                                                    class="text-center text-muted py-4"
                                                >

                                                    No workflow steps found.

                                                </td>

                                            </tr>


                                        @endforelse

                                    </tbody>

                                </table>

                            </div>


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

    </section>
    @include('layouts.footer')

@endsection