@extends('layouts.app')

@section('content')

    <div class="row">
        <div class="col-gl-12 col-md-12 col-sm-12">
            <h3>Create CheckList for: - {{$equipment->name}} -</h3>
        </div>
    </div>
    <hr>
    <div class="row" >
        <div class="col-lg-12 col-md-12 col-sm-12 form-inline">
                <div class="mr-1 mb-3">
                        <button equipment_id={{$equipment->id}} id="chklist_save_btn" type="button" class="btn btn-primary btn-sm">Save</button>
                </div>
                <div class="mr-1 mb-3">
                        <button id="undo_delete" type="button" class="btn btn-success btn-sm" >Undo Delete</button>
                </div>
                <div class="mr-1 mb-3">
                    <button id="gen_certificate_btn" type="button" class="btn btn-secondary btn-sm" >Generate Template</button>
                </div>
                <div class="mr-1 mb-3">
                        <a href="/template.pdf"  target="_blank" id="view_certificate_btn" type="button" class="btn btn-info btn-sm" style="display:none;" >View Template</a>
                </div>
                <div class="mr-1 mb-3">
                    <button id="chklist_update_chklist_btn" type="button" class="btn btn-danger btn-sm">Update Checklist Control</button>
            </div>
            <div class="mr-1 mb-3">
                <button id="chklist_update_document_btn" type="button" class="btn btn-danger btn-sm">Update Document Control</button>
            </div>
        </div>
    </div>
    <div class="row" id="chklist_sortable">
        <div class="col-gl-12 col-md-12 col-sm-12"><p class="mr-1">Choose divisions:</p></div>

        @foreach($chklistdivs as $chklistdiv)
            <div chklistdiv_id={{$chklistdiv->id}} class="chklist_div col-lg-3 col-md-6 col-sm-12 border border-blue p-2 m-2
                 scrollbar scrollbar-lady-lips scrollbar-morpheus-den"
                    style="box-shadow: 0px 0px 5px darkgray;height:400px;overflow-y:auto;">
                    <div class="ui-icon ui-icon-closethick float-right chklist_div_close">X</div>
                <h4>{{$chklistdiv->name}}</h4>
                <div class="chklistfield_sortable" >
                    <hr><small><b>Page 1 Fields</b></small><hr>
                    @foreach ($chklistdiv->chklistfields->where('documented','=',1) as $field)

                        <div class="chklist_field col-12 mb-2" chklistfield_id={{$field->id}} >
                                <div  class="ui-icon ui-icon-circle-close float-right chklist_field_close"
                                    style="z-index: 100;">X
                                </div>
                                <p class=" list-group-item m-1 p-1 font-smaller border" style="border-radius: 10px; font-size: 12px;"
                                    chklistfield_id={{$field->id}}>{{$field->description}}
                                </p>
                        </div>

                    @endforeach
                    <hr><small><b>Page 2 Fields</b></small><hr>
                    @foreach ($chklistdiv->chklistfields->where('documented','=',2) as $field)

                        <div class="chklist_field col-12 mb-2" chklistfield_id={{$field->id}} >
                                <div  class="ui-icon ui-icon-circle-close float-right chklist_field_close"
                                    style="z-index: 100;">X
                                </div>
                                <p class=" list-group-item m-1 p-1 font-smaller border" style="border-radius: 10px; font-size: 12px;"
                                    chklistfield_id={{$field->id}}>{{$field->description}}
                                </p>
                        </div>

                    @endforeach
                    <hr><small><b>Not Documented</b></small><hr>
                    @foreach ($chklistdiv->chklistfields->where('documented','=',0) as $field)

                        <div class="chklist_field col-12 mb-2" chklistfield_id={{$field->id}} >
                                <div  class="ui-icon ui-icon-circle-close float-right chklist_field_close"
                                    style="z-index: 100;">X
                                </div>
                                <p class=" list-group-item m-1 p-1 font-smaller border" style="border-radius: 10px; font-size: 12px;"
                                    chklistfield_id={{$field->id}}>{{$field->description}}
                                </p>
                        </div>

                    @endforeach
                </div>
            </div>
        @endforeach

    </div>
    <!-- Modal -->



@endsection