@extends('front.layouts.main')
@section('content')
<h2 class="h2-main mt-0 mb-15">{{@$gcompany->company_name}}</h2>
{{Form::open(['route'=>['report-template.store'],'id'=>'reportTemp' ,'data-parsley-validate'=>""])}}
<div class="card-c mb-15">
    <div class="mb-4">
        <h3 class="add-pro-head3 mt-0 mb-2">Template Name :</h3>
        <div class="row">
            <div class="col-md-6 col-xl-4">
                <input type="text" class="form-group-input" name="template_name" id="templateName" placeholder="Report Template Name" data-parsley-error-message="Please enter Template Name." required />
                {{ $errors->first('template_name', ':message') }}
            </div>
        </div>
    </div>
    <div class="wheather-report mb-4 pb-3">
        <div class="d-sm-flex justify-content-between mb-2 mb-sm-3">
            <h3 class="add-pro-head3 mar_left_20 report-dot mb-3 mb-sm-0 mt-0">Weather Report</h3>
            <div class="mb-3 mb-sm-0">
                <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="row wheather-detail">
            <h4 class="col-sm-12 mb-2 rep-head mt-0">Report Capture Time</h4>
            <div class="col-xl-6 col-lg-8">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group-row">
                            <div class="select-box-new inside">
                                {{ Form::select('morning',@$time_slots,"06:00",['id'=>'reporttime','class'=>"form-group-input",'data-parsley-error-message'=>'Please enter Template Name'])}}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group-row">
                            <div class="select-box-new inside">
                                {{ Form::select('noon',@$time_slots,"12:00",['id'=>'reporttime','class'=>"form-group-input",'data-parsley-error-message'=>'Please enter Template Name'])}}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group-row">
                            <div class="select-box-new inside">
                                {{ Form::select('after_noon',@$time_slots,"16:00",['id'=>'reporttime','class'=>"form-group-input",'data-parsley-error-message'=>'Please enter Template Name'])}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 mb-4 mb-md-0">
                <h4 class="rep-head mt-0 mb-2 pb-1">Wind Speed -</h4>
                <div>
                    <div class="chk-btn clearfix mb-2">
                        <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="col-md-4 mb-4 mb-md-0">
                <h4 class="rep-head mt-0 mb-2 pb-1">Precipitation -</h4>
                <div>
                    <div class="chk-btn clearfix mb-2">
                        <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="col-md-4">
                <h4 class="rep-head mt-0 mb-2 pb-1">Temperature -</h4>
                <div>
                    <div class="chk-btn clearfix mb-2">
                        <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 mb-3">
        <h3 class="add-pro-head3 mar_left_20 report-dot mb-3 mt-0">Report Layout</h3>
        <div class="checkbtn-sec mb-2 pb-1">
            <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>
        </div>
        <div class="checkbtn-sec mb-2 pb-1">
            <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>
            <div class="add-notes-sec" id="addNotes" style="display:none;">
                <div class="row">
                    <div class="col-md-7 col-xl-6 notes-row-wrap">
                        <div class="notes-row add-note">
                            <div class="flex-fill">
                                <input type="text" class="form-group-input" name="report_note[1][note]" id="notes_limit" placeholder=" Enter Categories" data-parsley-error-message="Please enter Categories." maxlength="250">
                                {{ $errors->first('report_note', ':message') }}
                            </div>
                            <a href="#" id="addNoteButton" class="addNote-btn add-btn round-btn ripple-btn" data-element=".add-note"><i class="icon-add"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="checkbtn-sec mb-2 pb-1">
            <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 note-wrapper" id="addQuestions" style="display:none;">
                <div class="row">
                    <div class="col-md-7 col-xl-6 qus-row-wrap">
                        <div class="questions-row offer">
                            <div class="flex-fill d-flex align-items-start">
                                <div class="flex-fill">
                                    <input type="text" class="form-group-input" name="data[1][report_question]" id="report_question" placeholder="Enter Questions" data-parsley-error-message="Please enter Question." maxlength="250">
                                </div>
                                <div class="select-box-new inside ml-3">
                                    {{ Form::select('data[1][question_categories]',@$question_categories,null,['id'=>'question_categories','class'=>"form-group-input",'data-parsley-error-message'=>'Please enter Template Name'])}}
                                </div>
                            </div>
                            <a href="#" id="addQuestionsButtons" class="addQuestions-btn add-btn round-btn ripple-btn" data-element=".offer"><i class="icon-add"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center">
        <button type="submit" class="btn-new btn-new-primary" value="Save">Save</button>
    </div>
</div>
{{Form::close()}}
@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);
            }
        });
    });
    $(document).on('click', '.deleteNote-btn', function () { 
        var currentDiv = $(this).closest(".notes-row");
        currentDiv.remove();
    });

    $(document).on('click', '.deleteQuestion-btn', function () {     
        var currentDiv = $(this).closest(".questions-row");
        currentDiv.remove();
    });
</script>
@endsection