@extends('layouts.app')

@section('content')

@php
    $input_type = [
        0 => "Text Box",
        1 => "Radio",
        2 => "Info Box",
        3 => "One Line Text",
];
    $input_type_color = [
        0 => "blue",
        1 => "red",
        2 => "green",
        3 => "orange",
];
    $documented = [
        1 => "page 1",
        2 => "page 2",
        0 => "None",
];
@endphp

<div class="row">
    <div class="col-12">
        <h3> <b>{{$equipment_name}}</b> CheckList: (MAX Width: {{ $max_chklist_width }})</h3>
    </div>

    <hr>
</div>



<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="tabs">
                    <ul>
                        @php
                        foreach ($divs as $div){
                        $div_id = $div['id'];
                        $div_name = $div['name'];
                        echo'<li class="text-wrap"><a href="#tab_'.$div_id.'">'.$div_name.'</a>
                        </li>';
                        }

                        @endphp

                    </ul>
                    @foreach ($divs as $div)
                    @php

                    $div_id = $div->id;
                    $div_name = $div->name;
                    $count =0;
                    @endphp
                        <div id="tab_{{$div_id}}" class="scrollbar scrollbar-lady-lips scrollbar-morpheus-den"
                            >
                            <table class="table table-sm table-bordered table-hover myDatatable">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Field Name</th>
                                        <th>Field Value</th>
                                        <th>Documented</th>
                                        <th>Field Type</th>
                                        <th>Size</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                   
                                    @foreach ($used_fields as $value)
                                    @if($value->chklistdiv_id != $div->id)
                                        @continue
                                    @endif
                                        @php
                                            $count +=1;
                                            $input_type_name = $input_type[$value['type']]; //0=>text, 1=>radio, 2=>info, 3 => one line text
                                            
                            
                                            
                                        @endphp

                                        <tr>
                                            <td>{{ $count }}</td>
                                            <td class="break-all text-break break-long-words text-wrap">
                                                {{ $value["description"] }}
                                            </td>
                                            <td class="">
                                                {{ $value["value"] }}
                                            </td>
                                            <td>
                                                 {{ $documented[$value["documented"]] }}
                                            </td>
                                            <td style="background-color: {{ $input_type_color[$value['type']] }}; color:white;">
                                                {{ $input_type_name }}
                                            </td>
                                            <th>
                                                {{ $value["th_span"]  }} x  {{ $value["td_span"]  }} 
                                            </th>
                                            <td class="text-center">
                                                @if($div_id != 1)
                                                <a href="/management/chklistfields/{{ $value['id'] }}/edit" target="_blank" class="btn btn-danger">Edit</a>
                                                @endif
                                                
                                            </td>
                                        </tr>
                                    @endforeach
                                    
                                
                                
                                </tbody>
                            </table>
                            
                        </div>
                    @endforeach




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