@extends('layouts.app')

@section('content')


<div class="row">
    <div class="col-12">
        <h3> <b>{{$equipment_name}}</b> CheckList:</h3>
    </div>

    <hr>
</div>
<div class="row">
    @php
    $checkListContent='';
    foreach ($divs as $div){
    $div_id = $div['id'];
    $div_name = $div['name'];

    $checkListContent .='<div class="row ">
        <div class="col-lg-12 col-md-12 col-sm-12  mt-2 mb-1 p-1 font-weight-bold border text-justify text-center"
            style="background-color: lightyellow; display:block;box-shadow: 0px 0px 10px olive;border-radius:20px;">
            '.$div_name.'
        </div>';
        foreach ($used_fields as $val) {
        foreach ($val as $value) {

        $input_type = $value['type']; //0=>text, 1=>radio, 2=>info

        if ($input_type==0) {
        $text_input = '<input type="text" name="field_'.$value['id'].'" class="form-control"
            style=" box-shadow: 0px 0px 3px brown;">';
        $field_inputs = $text_input;
        } elseif ($input_type==1) {
        $radio_1 = '
        <div class="form-check form-check-inline">
            <label class=" checkbox-inline mr-1">
                <input class="form-check-input" name="field_'.$value['id'].'" type="radio" value="1">Safe</label>
        </div>';
        $radio_2 = '
        <div class="form-check form-check-inline">
            <label class=" checkbox-inline mr-1">
                <input class="form-check-input" name="field_'.$value['id'].'" type="radio" value="2">UnSafe</label>
        </div>';
        $radio_3 = '
        <div class="form-check form-check-inline">
            <label class=" checkbox-inline mr-1">
                <input checked class="form-check-input" name="field_'.$value['id'].'" type="radio" value="3">NA</label>
        </div>';
        $radio_input = $radio_1.$radio_2.$radio_3;
        $field_inputs = $radio_input;
        } else {

        $info_input='
        <input type="text" name="field_'.$value['id'].'" class="form-control" value="'.$value[" value"].'" disabled
            style=" box-shadow: 0px 0px 3px brown;">
        ';
        $field_inputs = $info_input;
        }


        if($value['chklistdiv_id'] == $div_id)
        {
        $checkListContent .='
        <div class="col-lg-12 col-md-12 col-sm-12" style=" ">
            <div class="row">
                <div class="col-3 offset-1">'.$value["description"].': </div>
                <div class="col-7">'.$field_inputs.'</div>
            </div>

        </div>';
        }
        }

        }
        $checkListContent .='
    </div>';

    }

    // foreach ($chkliststructures as $chkliststructure)
    // {
    // $chklist_id = $chkliststructure->chklist_id;
    // $div_id = $chkliststructure->chklistdiv_id;
    // $field_id = $chkliststructure->chklistfield_id;
    // $div_name = Chklistdiv::where();
    // }
    @endphp
    <div class="col-lg-12 col-md-12 col-sm-12 scrollbar scrollbar-lady-lips scrollbar-morpheus-den"
        style="height:400px;overflow-y:auto;">
        @php echo ($checkListContent) @endphp
    </div>
</div>
<div class="row">
        <div class="tabs">
                <ul>
                    @php
                    foreach ($divs as $div){
                    $div_id = $div['id'];
                    $div_name = $div['name'];
                    echo'<li><a href="#tab_'.$div_id.'">'.$div_name.'</a>
                    </li>';
                    }

                    @endphp

                </ul>
                @foreach ($divs as $div)
                @php
                $div_id = $div['id'];
                $div_name = $div['name'];
                $checkListContent='';
                @endphp
                <div id="tab_{{$div_id}}" class=" row scrollbar scrollbar-lady-lips scrollbar-morpheus-den"
                    style="max-height:400px;overflow-y:auto;">
                    <ul class="list-group">
                        @php
                        foreach ($used_fields as $val)
                        foreach ($val as $value) {
                        {

                            if($value['id'] == $div->id )
                                            {
                        $input_type = $value['type']; //0=>text, 1=>radio, 2=>info

                        if ($input_type==0)
                        {
                        $text_input = '<input type="text" class="form-control" style=" box-shadow: 0px 0px 3px brown;" ">';
                            $field_inputs = $text_input;
                            }
                            elseif ($input_type==1)
                            {
                            $radio_1 = '
                            <div class=" form-check form-check-inline">

                        <input class="form-check-input mr-1" type="radio" value="1">
                        <label class="form-check-label ">Safe</label>
                </div>';
                $radio_2 = '
                <div class="form-check form-check-inline">

                    <input class="form-check-input mr-1" type="radio" value="2">
                    <label class="form-check-label ">UnSafe</label>

                </div>';
                $radio_3 = '
                <div class="form-check form-check-inline">

                    <input class="form-check-input mr-1" type="radio" value="3" checked>
                    <label class="form-check-label ">NA</label>
                </div>';
                $radio_input = $radio_1.$radio_2.$radio_3;
                $field_inputs = $radio_input;
                }
                else
                {

                $info_input='
                <input type="text" class="form-control" disabled style=" box-shadow: 0px 0px 3px brown;">
                ';
                $field_inputs = $info_input;
                }
                $checkListContent .='<li>
                    <div class="col-12 mb-2" style=" box-shadow: 0px 0px 3px gray;border-radius:10px;">
                        <div class="row p-2">
                            <div class="col-6">'.$value["description"].'
                            </div>
                            <div class="col-6">'.$field_inputs.'</div>
                        </div>

                    </div>
                </li>';


            }
                }
                }

                echo ($checkListContent);
                @endphp
                </ul>
            </div>
            @endforeach




            </div>

</div>
@endsection