@extends('front.layouts.main')
@section('content')
<h2 class="h2-main mt-0 mb-15">{{@$gcompany->company_name}}</h2>
{{Form::open(['route'=>['report-template.update',$report_template->id],'method'=>'PUT','id'=>'editReportTemp','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" value="{{$report_template->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" @if($report_template->has_weather_reports) checked @endif>
                    <label for="chkUse">Enable weather Reports</label>
                </div>
            </div>
        </div>
        <div class="wheather-detail row">
            <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,$capture_time['0'],['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,$capture_time['1'],['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,$capture_time['2'],['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" @if($report_template->wind_speed_hr == 'Miles') checked @endif>
                        <label for="chkUse1">Miles/hour</label>     
                    </div>
                    <div class="chk-btn clearfix">
                        <input type="radio" id="chkUse2" name="wind_speed" value="km" @if($report_template->wind_speed_hr == 'Km') checked @endif>
                        <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" @if($report_template->parcipitation == 'Millimeters') checked @endif>
                        <label for="chkUse3">Millimeters</label>     
                    </div>
                    <div class="chk-btn clearfix">
                        <input type="radio" id="chkUse4" name="percipitation" value="inches" @if($report_template->parcipitation == 'Inches') checked @endif>
                        <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" @if($report_template->temperature == 'Celcius') checked @endif>
                        <label for="chkUse5">Celcius</label>     
                    </div>
                    <div class="chk-btn clearfix">
                        <input type="radio" id="chkUse6" name="temperature" value="fahrenheit" @if($report_template->temperature == 'Fahrenheit') checked @endif>
                        <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" @if($report_template->has_hours == 1)checked @endif>
                    <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" @if($report_template->has_notes == 1)checked @endif>
                    <label for="chkUse7">Enable Notes Sections</label>
                </div>
            </div>
            <div class="add-notes-sec" id="addNotes" style=@if($report_template->
                has_notes == 1)display:block; @else display:none; @endif>
                @php
                $i =0;
                @endphp
                <div class="row">
                    <div class="col-md-7 col-xl-6 notes-row-wrap">
                        @if($report_template->has_notes && count($notes) > 0 )
                        @foreach($notes as $note)
                        <div class="notes-row add-note edit-notes">
                            <div class="flex-fill">
                                <input type="text" class="form-group-input" name=report_note[{{$i}}][note] id="report_note{{$i}}" placeholder=" Enter Categories" data-parsley-error-message="Please enter Categories." value="{{@$note->name}}" maxlength="250">
                                <input type="hidden" class="form-group-input" name=report_note[{{$i}}][id]" value="{{@$note->id}}">
                            </div>
                            <a href="javascript:void(0)" id="deleteNote" data-id="{{@$note->id}}" class="deleteNote-btn round-btn ripple-btn"><i class="icon-delete"></i></a>
                            <a href="#" id="addNoteButton" class="addNote-btn add-btn round-btn ripple-btn" data-element=".add-note"><i class="icon-add"></i></a>
                        </div>
                        @php
                        $i++;
                        @endphp
                        @endforeach
                        @else
                        <div class="notes-row add-note">
                            <div class="flex-fill">
                                <input type="text" class="form-group-input" name=report_note[{{$i}}][note] id="report_note{{$i}}" placeholder=" Enter Categories" data-parsley-error-message="Please enter Categories." value="{{@$note->name}}" maxlength="250">
                                <input type="hidden" class="form-group-input" name=report_note[{{$i}}][id]" value="">
                            </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>
                         @endif
                    </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" @if($report_template->has_questions == 1)checked @endif>
                    <label for="chkUse9">Enable Questions Section</label>
                </div>
            </div>
            <div class="add-notes-sec note-wrapper" id="addQuestions" style=@if($report_template->
                has_questions == 1)display:block; @else display:none; @endif>
                @php
                $i =0;
                @endphp
                 <div class="row">
                    <div class="col-md-7 col-xl-6 qus-row-wrap">
                        @if($report_template->has_questions)
                        @foreach($questions as $question)
                        @if($question)
                        <div class="questions-row offer edit-question">
                            <div class="flex-fill d-flex align-items-start">
                                <div class="flex-fill">
                                    <input type="text" class="form-group-input" name=data[{{$i}}][report_question] placeholder=" Enter Question" value="{{$question->question}}" placeholder="Please enter question." data-parsley-error-message="Please enter Question." maxlength="250">
                                </div>
                                <div class="select-box-new inside ml-3">
                                    {{ Form::select('data['.$i.'][question_categories]',@$question_categories,$question->question_category_id,['id'=>'question_categories','class'=>"form-group-input",'data-parsley-error-message'=>'Please enter Template Name'])}}
                                </div>
                            </div>
                            <input type="hidden" class="form-group-input" name=data[{{$i}}][question_id]" value="{{$question->id}}">
                            <a href="javascript:void(0)" id="deleteQuestion" data-id="{{@$question->id}}" class="deleteQuestion-btn round-btn ripple-btn"><i class="icon-delete"></i></a>
                            <a href="#" id="addQuestionsButtons" class="addQuestions-btn add-btn round-btn ripple-btn"  data-element=".offer"><i class="icon-add"></i></a>
                        </div>
                        @endif
                        @php
                        $i++;
                        @endphp
                        @endforeach
                        @else
                        <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[{{$i}}][report_question] id="edit_report_question" placeholder=" Enter Question" placeholder="Please enter question." data-parsley-error-message="Please enter Question." maxlength="250">
                                </div>
                                <div class="select-box-new inside ml-3">
                                    {{ Form::select('data['.$i.'][question_categories]',@$question_categories,@$question->question_category_id,['id'=>'question_categories','class'=>"form-group-input",'data-parsley-error-message'=>'Please enter Template Name'])}}
                                </div>
                            </div>
                            <input type="hidden" class="form-group-input" name=data[{{$i}}][question_id]" value="">
                            <a href="#" id="addQuestionsButtons" class="addQuestions-btn add-btn round-btn ripple-btn" data-element=".offer"><i class="icon-add"></i></a>
                        </div>
                        @endif
                    </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 () {
       $('#editReportTemp').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
       });
   
   
   });
   
   $(document).on('click', '.deleteNote-btn', function () {
       var noteSize = $('.add-notes-sec').find('.edit-notes').size();
      
       var template_id = "{{$report_template->id}}";
       var id = $(this).data('id');
       var currentDiv = $(this).closest(".notes-row");
       if (!id) {
           currentDiv.remove();
           return false;
       }
       if(noteSize == 1){
           alert('you can not remove all notes when notes section is enabled');
           return false;
       }
   
       $.ajax({
           url: "{{route('delete-note-category')}}",
           dataType: 'text',
           type: 'post',
           contentType: 'application/x-www-form-urlencoded',
           data: {
               "_token": "{{ csrf_token() }}", "id": id, "template_id": template_id
           },
           success: function (data, textStatus, jQxhr) {
               var obj = $.parseJSON(data);
               if (obj.status == 1) {
                   currentDiv.remove();
   
                   alert(obj.msg);
               } else {
                   alert(obj.msg);
               }
           },
           error: function (jqXhr, textStatus, errorThrown) {
               console.log(errorThrown);
           }
       });
   });
   
   $(document).on('click', '.deleteQuestion-btn', function () {
       
       var questionSize = $('.add-notes-sec').find('.edit-question').size();
      
       var template_id = "{{$report_template->id}}";
       var id = $(this).data('id');
       
       var currentDiv = $(this).closest(".questions-row");
       if (!id) {
           currentDiv.remove();
           return false;
       }
       if(questionSize == 1){
           alert('you can not remove all questions when questions section is enabled');
           return false;
       }
      
   
       $.ajax({
           url: "{{route('delete-template-question')}}",
           dataType: 'text',
           type: 'post',
           contentType: 'application/x-www-form-urlencoded',
           data: {
               "_token": "{{ csrf_token() }}", "id": id, "template_id": template_id
           },
           success: function (data, textStatus, jQxhr) {
               console.log(data);
               var obj = $.parseJSON(data);
               if (obj.status == 1) {
                   currentDiv.remove();
   
                   alert(obj.msg);
               } else {
                   alert(obj.msg);
               }
           },
           error: function (jqXhr, textStatus, errorThrown) {
               console.log(errorThrown);
               //alert('ajay');
           }
       });
   });
</script>
@endsection