@extends('front.layouts.main')
@section('content')
<div class="c-company-text "><p>{{@$gcompany->company_name}}</p></div>
<div class="c-midsection">
    <div class="c-toptab  pad_bottom_10 clearfix">
        @include('front.includes.dashboard-menu')

    </div>
    <div class="c-mid-tsbsection">

        <div class="c-view-page  mar_top_10">
            <section class="c-veiw-con">
                <div class="c-view-tab clearfix">
                    @include('front.company.menu')

                </div>

                <section class="c-veiw-con">

                    <div class="c-mid-tsbsection clearfix">
                        {{Form::open(['route'=>['report-template.store'],'id'=>'reportTemp'])}}
                        <div class="comp-reprt-template pad_top_40 clearfix">
                            <div class="reprt-head pad_bottom_15 mar_bottom_10">
                                <p><span class="add-pro-head">Template Name :</span>

                                    <input type="text" class="form-inp" name="template_name" id="templateName" placeholder="Report Template Name" data-parsley-error-message="Please enter Template Name." required />
                                    <p>{{ $errors->first('template_name', ':message') }}</p>

                                </p>
                            </div>
                            <div class="wheather-report pad_bottom_20 mar_bottom_10">
                                <div class="wheather-head  mar_bottom_15  clearfix">
                                    <p class="left add-pro-head3 mar_left_20 report-dot">Weather Report</p>
                                    <div class="enble-sec right">
                                        <div class="chk-btn clearfix">
                                            <input type="checkbox" id="chkUse" class="weather_checkbox"  name="weather_rpt" checked>
                                            <label for="chkUse">Enable weather Reports</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="wheather-detail clearfix pad_bottom_30">
                                    <div class="pro-report s-description left">
                                        <div class="form-row report-time">
                                            <label for="reporttime" class="">Report Capture Time</label>
                                            <input type="text" class="form-inp inp-Time mar_right_50"                                                                                                   id="reporttime"placeholder="00:00" value="06:00" name="morning">
                                            <input type="text" class="form-inp  inp-Time                                                                                                              mar_right_50"id="reporttime"placeholder="00:00" value="12:00" name="noon">
                                            <input type="text" class="form-inp  inp-Time" id="reporttime" placeholder="00:00" value="16:00" name="after_noon">
                                        </div> 
                                    </div>

                                </div>
                                <div class="checkbtn-sec flex flex-wrap">
                                    <div class="chk-btn1">
                                        <span class="rep-head">Wind Speed -</span>
                                        <div class="wind-btn">
                                            <div class="chk-btn clearfix mar_bottom_5">
                                                <input type="radio" id="chkUse1" name="wind_speed" value="miles" checked>
                                                <label for="chkUse1">Miles/hour</label>     
                                            </div>
                                            <div class="chk-btn clearfix">
                                                <input type="radio" id="chkUse2" name="wind_speed" value="km">
                                                <label for="chkUse2">Km/hour</label>  
                                            </div>
                                        </div> 
                                    </div>
                                    <div class="chk-btn1">
                                        <span class="rep-head">Percipitation -</span>
                                        <div class="wind-btn">
                                            <div class="chk-btn clearfix mar_bottom_5">
                                                <input type="radio" id="chkUse3" name="percipitation" value="millimeters">
                                                <label for="chkUse3">Millimeters</label>     
                                            </div>
                                            <div class="chk-btn clearfix">
                                                <input type="radio" id="chkUse4" name="percipitation" value="inches" checked>
                                                <label for="chkUse4">Inches</label>  
                                            </div>
                                        </div> 
                                    </div>
                                    <div class="chk-btn1">
                                        <span class="rep-head">Temperature -</span>
                                        <div class="wind-btn">
                                            <div class="chk-btn clearfix mar_bottom_5">
                                                <input type="radio" id="chkUse5" name="temperature" value="celcius"">
                                                <label for="chkUse5">Celcius</label>     
                                            </div>
                                            <div class="chk-btn clearfix">
                                                <input type="radio" id="chkUse6" name="temperature" value="fahrenheit" checked>
                                                <label for="chkUse6">Fahrenheit</label>  
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                            </div>
                            <div class="project-reporting pad_bottom_20 mar_bottom_10">
                                <p class=" add-pro-head3 mar_left_20 report-dot mar_bottom_15">Report Layout</p>
                                <div class="checkbtn-sec flex flex-wrap mar_bottom_10">
                                    <div class="chk-btn1">
                                        <div class="chk-btn clearfix">
                                            <input type="checkbox" name="hours" id="chkUse8">
                                            <label for="chkUse8">Enable Hours Section</label>
                                        </div>
<!--                                        <div class="limit-input" id="hoursInput" style="display:none;">
                                            <input type="text" class="form-inp" id="hours_limit" name="hours_limit" placeholder="Limit">
                                        </div>-->
                                    </div>
                                </div>
                                <div class="checkbtn-sec flex flex-wrap mar_bottom_10">
                                    <div class="chk-btn1">
                                        <div class="chk-btn clearfix">
                                            <input type="checkbox" id="chkUse7" name="notes">
                                            <label for="chkUse7">Enable Notes Sections</label>
                                        </div>
<!--                                        <div class="limit-input" id="notesInput" style="display:none;">
                                            <input type="text" class="form-inp" id="notes_limit" name="notes_limit" placeholder="Notes Limit">
                                            {{ $errors->first('notes_limit', ':message') }}
                                        </div>-->
                                    </div>
                                    
                                    <div class="add-notes-sec" id="addNotes" style="display:none;">
                                        <div class="notes-row">
                                            <input type="text" class="form-inp" name="report_note[]" id="report_note" placeholder=" Enter Categories">
                                            {{ $errors->first('report_note', ':message') }}
                                            <a href="#" id="addNoteButton" class="addNote-btn round-btn ripple-btn"><i class="icon-add"></i></a>
                                        </div>
                                        <div class="new-notes-row">

                                        </div>
                                    </div>
                                </div>
                                
                                <div class="checkbtn-sec flex flex-wrap mar_bottom_10">
                                    <div class="chk-btn1">
                                        <div class="chk-btn clearfix">
                                            <input type="checkbox" name="questions" id="chkUse9">
                                            <label for="chkUse9">Enable Questions Section</label>
                                        </div>
                                    </div>
                                    <div class="add-notes-sec" id="addQuestions" style="display:none;">
                                        <div class="questions-row">
                                            <input type="text" class="form-inp" name="report_question[]" id="report_question" placeholder=" Enter Questions">
                                            <a href="#" id="addQuestionsButtons" class="addQuestions-btn round-btn ripple-btn"><i class="icon-add"></i></a>
                                        </div>
                                        <div class="new-questions-row">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="select-btn pad_top_20 ">
                                <div class="form-row">
                                    <button type="submit" class="c-btn  rep-btn action-hit" value="Save">Save</button>
                                </div>
                            </div>

                        </div>
                        {{Form::close()}}
                    </div>
                </section>


            </section>

        </div>

    </div>
</div>
@endsection  
@section('js')
<script type="text/javascript">
    $(function () {
        $('#reportTemp').parsley().on('field:validated', function () {
            var ok = $('.parsley-error').length === 0;
            $('.bs-callout-info').toggleClass('hidden', !ok);
            $('.bs-callout-warning').toggleClass('hidden', ok);
        }).on('form:submit', function () {
            return true; // Don't submit form for this demo
        });

        $(".weather_checkbox").change(function () {
            if (this.checked) {
                $(".report-time").children("input").removeAttr("readonly");
                $(".wind-btn").find("input").removeAttr("disabled");

            } else {
                $(".report-time").children("input").prop("readonly", true);
                $(".wind-btn").find("input").prop("disabled", true);

            }

        });
    });
</script>
@endsection