@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>{{$incident_reports->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">{{$incident_reports->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">{{$incident_reports->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">{{$incident_reports->first_name??''}} {{$incident_reports->middle_name??''}} {{$incident_reports->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">{{$incident_reports->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">{{$incident_reports->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($incident_reports)
                    <tr>
                        <td>{{ $incident_reports->first_name ?? '' }} {{ $incident_reports->middle_name ?? '' }} {{ $incident_reports->last_name ?? '' }}</td>
                        <td>
                            @if($incident_reports->access_role == 'spv')
                                Supervisor
                            @elseif($incident_reports->access_role == 'SSO')
                                Site Safety Officer
                            @elseif($incident_reports->access_role == 'emp')
                                Employee
                                @elseif($incident_reports->access_role == 'Dir')
                                Director
                            @else
                            
                                {{ $incident_reports->access_role }}
                            @endif
                        </td>
                        <td>	1990-04-07 10:00</td>
                        <td>
                            @if($incident_reports->signature ?? '')
                                <img src="{{ url($incident_reports->signature) }}" style="width:20px; height:50px" alt=""/>
                            @else
                                No signature yet
                            @endif
                        </td>
                    </tr>
                @endif

                @forelse($incident_signoffs as $incident_signoff)
                    <tr>
                        <td>{{ $incident_signoff->first_name }} {{ $incident_signoff->middle_name ?? '' }} {{ $incident_signoff->last_name }}</td>
                        <td>
                            @if($incident_signoff->role_code == 'FM')
                                Forman
                            @elseif($incident_signoff->role_code == 'SSO')
                                Site Safety Officer
                            @elseif($incident_signoff->role_code == '01')
                                Safety Manager
                            @elseif($incident_signoff->role_code == 'Dir')
                                Director
                            @else
                                {{$incident_signoff->role_code}}
                            @endif
                        </td>
                        <td>{{ $incident_signoff->date ?? '' }} {{ $incident_signoff->time ?? '' }}</td>
                        <td>
                            @if($incident_signoff->signature)
                                <img src="{{ url($incident_signoff->signature) }}" style="width:20px; height:20px" alt=""/>
                            @else
                                No signature yet
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3" class="text-center">No Record Found!</td>
                    </tr>
                @endforelse
            </tbody>
        </table>

                        </div>

                </div>
            </div>
        </div>
    </div>
@endsection