@extends('layouts.app')

@section('content')
<h1>CheckList Fields:</h1>
<hr>
<div class="row">
    <div class="col-lg-8 col-md-8 col-sm-8">
        <h3>Add new Field:</h3>
        <form method="POST" action="{{ route('chklistfields.store') }}">
            {{ csrf_field() }}

            @php
                $rad_text = $type == 0 ? "checked":'';
                $rad_rad = $type == 1 ? "checked":'';
                $rad_info = $type == 2 ? "checked":'';
                $rad_olt = $type == 3 ? "checked":'';

                $rad_page1 = $page == 1 ? "checked":'';
                $rad_page2 = $page == 2 ? "checked":'';
                $rad_pagenone = $page == 0 ? "checked":'';
            @endphp
            <div class="form-row mt-1 card border" style="border-radius: 5px;box-shadow: 0px 0px 4px gray;">
                <div class="form-check form-check-inline m-1">
                    <label class=" col-form-label m-2   "><b> Type: </b></label>
                    <input class="form-check-input" type="radio" name="type" value="0" {{$rad_text}}>
                    <label class="form-check-label mr-2" for="type">Text</label>

                    <input class="form-check-input" type="radio" name="type" value="1" {{$rad_rad}}>
                    <label class="form-check-label mr-2" for="type">Radio</label>

                    <input class="form-check-input" type="radio" name="type" value="2" {{$rad_info}}>
                    <label class="form-check-label mr-2" for="type">Info</label>

                    <input class="form-check-input" type="radio" name="type" value="3" {{$rad_olt}}>
                    <label class="form-check-label mr-2" for="type">One Line Text</label>
                </div>
                <div style="  border-left: 1px solid gray;" class="m-2"></div>
                <div class="form-check form-check-inline m-1">
                    <label class=" col-form-label m-2   "><b> Documented: </b></label>
                    <input class="form-check-input" type="radio" name="page" value="1"  {{$rad_page1}}>
                    <label class="form-check-label mr-2">First Page</label>
                    <input class="form-check-input" type="radio" name="page" value="2"  {{$rad_page2}}>
                    <label class="form-check-label mr-2">Second Page</label>
                    <input class="form-check-input" type="radio" name="page" value="0"  {{$rad_pagenone}}>
                    <label class="form-check-label mr-2">None</label>
                </div>

                <div style="  border-left: 1px solid gray;" class="m-2"></div>
                <div class="form-check form-check-inline m-1">
                    @php
                        if(isset($selected_chkdiv)){
                            $sel_div_name = $selected_chkdiv[0]->name;
                        }else{
                            $sel_div_name = "none";
                        }
                            
                        
                    @endphp
                    
                    <label class="col-form-label m-2 "><b>Division:(selected:<br/>{{$sel_div_name}})</b></label>
                    <select class="selectpicker form-control" data-size="10" data-style="btn-primary"
                        data-live-search="true" name="chklistdiv_id" id="chklistfields_list" required size="1">
                        @foreach($chklistdivs as $chklistdiv)
                            @if($chklistdiv_id == $chklistdiv->id)
                                <option  selected value={{$chklistdiv->id}}>{{$chklistdiv->name}}</option>
                            @else
                                <option value={{$chklistdiv->id}}>{{$chklistdiv->name}}</option>
                            @endif

                        @endforeach
                    </select>
                </div>
            </div>
            <div class="form-row mt-1 card " style="border-radius: 5px;box-shadow: 0px 0px 4px gray;">
                <div class="form-inline" >
                    <div class="col-sm-12 col-lg-4 col-md-12 my-1">
                        <label class=" col-form-label font-weight-bold  ">Row Span</label>
                        <input type="number" name="tr_span" min="0" step="1" class="form-control" value="1">
                    </div>
                    <div class="col-sm-12 col-lg-4 col-md-12 my-1">
                        <label class=" col-form-label font-weight-bold ">Title Span</label>
                        <input type="number" name="th_span" min="0" step="0.1" class="form-control" value="1">
                    </div>
                    <div class="col-sm-12 col-lg-4 col-md-12 my-1">
                        <label class=" col-form-label font-weight-bold ">Value Span</label>
                        <input type="number" name="td_span" min="0" step="0.1" class="form-control" value="1">
                    </div>



                </div>
            </div>
            <div class="form-row  mt-1 card border" style="border-radius: 5px;box-shadow: 0px 0px 4px gray;">
                <label class=" col-form-label font-weight-bold">Field Title:</label>
                <div class="form-group">
                    <textarea type="text" class="form-control" name="description" rows=5></textarea>

                </div>
                <label class=" col-form-label font-weight-bold">Field Value (Info Type only):</label>
                <div class="form-group">
                    <textarea type="text" class="form-control summernote" name="value"></textarea>
                </div>
            </div>

            <div class="form-row mt-1">
                <div class="form-group">
                    <button type="submit" class="btn btn-primary ml-1">Submit</button>
                </div>

            </div>

        </form>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-12 " id="chklistfields_list_content">

    </div>
</div>





@endsection