@extends('main')
@section('css')
    <style>
        /*body {*/
        /*    font-family: arial;*/
        /*}*/
        .hide {
            display: none;
        }
    </style>
@endsection
@section('content')
    <div id="main-content">
        <div class="container-fluid">
            <div class="block-header">
            </div>
            <div class="col-lg-12">
                <div class="card">
                    <div class="header">
                        <h2>Edit Head</h2>
                    </div>
                    <div class="body">
                        <form method="post" action="{{route('appraisalHead.update')}}" enctype="multipart/form-data">
                            {{csrf_field()}}
                            <input type="radio" name="entryType"  onclick="show1();" />
                            Group Entry
                            <input type="radio"   onclick="show2();" />
                            Head Entry
                            <input type="hidden" name="id" value="{{$appraisalHead->id}}">
                            <div class="demo-masked-input">
                                <div class="row clearfix">
                                    <div class="col-lg-4 col-md-6">
                                        <b>Title</b>
                                        <div class="input-group mb-3">
                                            <input type="text" name="headName" value="{{$appraisalHead->headName}}" class="form-control date">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                        <b>Group</b>
                                        <div class="input-group mb-3">
                                            <select  name="fk_Appraisalheads" class="form-control">
                                                <option value="">Select</option>
                                                @foreach($appraisalGroup as $appraisalGroup)
                                                <option value="{{$appraisalGroup->id}}" @if($appraisalGroup->id == $appraisalHead->fk_Appraisalheads) selected @endif>{{$appraisalGroup->headName}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                        <b>Head Type</b>
                                        <div class="input-group mb-3">
                                            <select id="status" name="headType" class="form-control">
                                                <option value="">Select</option>
                                                <option value="NM" @if($appraisalHead->headType == "NM") selected @endif>Numbering</option>
                                                <option value="DS" @if($appraisalHead->headType == "DS") selected @endif>Descriptive</option>
                                                <option value="TF" @if($appraisalHead->headType == "TF") selected @endif>T/F</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                        <b>DESCRIPTION</b>
                                        <div class="input-group mb-3">
                                           <textarea name="headDesc" rows="2" cols="50">{{$appraisalHead->headDesc}}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br>
                            <button type="submit" class="btn btn-primary">Update</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <script>
        function show1(){
            document.getElementById('div1').style.display ='none';
        }
        function show2(){
            document.getElementById('div1').style.display = 'block';
        }
    </script>
@endsection