@extends('includes/layout')

@section('main-page-content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <div class="col-12 d-flex justify-content-end">
                <!-- Any content here if needed -->
            </div>
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-body pt-3">
                        <div class="call-detail justify-content-between align-items-center mb-3 py-2 border-bottom">
                            <h4>{{$inspection_plans->title}}</h4>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-sm-12 mt-3">
                                <div class="d-flex mb-3">
                                    <div class="p-2">
                                        <span class="mdi mdi-checkbox-marked-circle-outline check_box_mark"></span>
                                    </div>
                                    <div class="p-2 me-auto">Document Number</div>
                                    <div class="p-2">{{$inspection_plans->document_number}}</div>
                                </div>
                                <div class="d-flex mb-3">
                                    <div class="p-2">
                                        <span class="mdi mdi-checkbox-marked-circle-outline check_box_mark"></span>
                                    </div>
                                    <div class="p-2 me-auto">Revision Number</div>
                                    <div class="p-2">{{$inspection_plans->revision_number}}</div>
                                </div>
                                <div class="d-flex mb-3">
                                    <div class="p-2">
                                        <span class="mdi mdi-checkbox-marked-circle-outline check_box_mark"></span>
                                    </div>
                                    <div class="p-2 me-auto">Authorized By</div>
                                    <div class="p-2">{{$inspection_plans->authorised_by_first_name??''}} {{$inspection_plans->authorised_by_last_name??''}}</div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-sm-12 mt-3 border-start">
                                <div class="d-flex mb-3">
                                    <div class="p-2">
                                        <span class="mdi mdi-checkbox-marked-circle-outline check_box_mark"></span>
                                    </div>
                                    <div class="p-2 me-auto">Issue Date</div>
                                    <div class="p-2">{{$inspection_plans->issue_date}}</div>
                                </div>
                                <div class="d-flex mb-3">
                                    <div class="p-2">
                                        <span class="mdi mdi-checkbox-marked-circle-outline check_box_mark"></span>
                                    </div>
                                    <div class="p-2 me-auto">Revision Date</div>
                                    <div class="p-2">{{$inspection_plans->revision_date}}</div>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="col-md-12 text-center">
                                <h6>Signatures </h6>
                            </div>
                        </div>

                        <!-- First Table -->
                        <div class="table-responsive text-nowrap border-bottom" style="min-height: 12vh;">
                            <table class="table">
                                <thead class="table-head-color bg-primary">
                                    <tr class="bg-primary">
                                        <th>Employee</th>
                                        <th>Employee type</th>
                                        <th>Date</th>
                                        <th>Document</th>
                                    </tr>
                                </thead>
                                <tbody class="table-border-bottom-0 table-body">
                                    @if($inspection_plans)
                                        <tr>
                                            <td >{{$inspection_plans->authorised_by_first_name??''}} {{$inspection_plans->authorised_by_last_name??''}}</td>
                                            <td>    
                                                @if($inspection_plans->emp_company_details_details_access_role == 'spv')
                                                        Supervisor
                                                    @elseif($inspection_plans->emp_company_details_details_access_role == 'SSO')
                                                        Site Safety Officer
                                                    @elseif($inspection_plans->emp_company_details_details_access_role == 'emp')
                                                        Employee
                                                    @else
                                                        {{$inspection_plans->emp_company_details_details_access_role}}
                                                    @endif
                                            </td>
                                            <td >20/10/2024</td>
                                            <td>@if($inspection_plans->signature??'')
                                              <img src="{{  url($inspection_plans->signature )}}" style="width:20px;heigt:50px" alt=""/>
                                            @else
                                            No signature yet
                                               @endif
                                               </td>
                                            @if($inspection_plan_signatures && $inspection_plan_signatures->isNotEmpty())
                                        @foreach($inspection_plan_signatures as $signature)
                                            <tr>
                                                <td>
                                                    {{$signature->first_name }} {{$signature->last_name }}
                                                </td>
                                                <td>
                                                    @if($signature->employee_type == 'spv')
                                                        Supervisor
                                                    @elseif($signature->employee_type == 'SSO')
                                                        Site Safety Officer
                                                    @elseif($signature->employee_type == 'emp')
                                                        Employee
                                                    @else
                                                        {{$signature->employee_type}}
                                                    @endif
                                                </td>
                                                <td> {{$signature->date?$signature->date:'No date yet.'}} {{$signature->time??''}}</td>           
                                                <td>@if($signature->signature)
                                                                        <img src="{{  url($signature->signature )}}" style="width:20px;heigt:50px" alt=""/>
                                                                        @else
                                                                        No signature yet
                                                                        @endif
                                                                    </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="4" class="text-center">No Record Found!</td>
                                        </tr>
                                    @endif
                                        </tr>
                                    @else
                                        <tr>
                                            <td colspan="3" class="text-center">No Record Found!</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        

   

        </div>
    </div>
@endsection