@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item" aria-current="page">Master Fill</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
                    @if($masterfillDetails->template_type == 1)
                    @endif
            <h1 class="heading">{{$heading}}</h1>
           
            <!--// MAIN BODY CONTENT -->

            <div class="next_steps">
              @if($masterfillDetails->template_type == 1)
              <div class="portal_test" style="@if($masterfillDetails->template_type != 1){{'display:none;'}}@endif">
                <!--PORTAL INTRUCTION AREA -->
                  <div class="card instruction_area">
                    <div class="card-body">
                      <div class="inst-header">
                        <div class="inst-left">
                          <h2 id="show_template_name">Template Name: {{$masterfillDetails->template_name}}</h2>
                        </div>
                        <div class="inst-left">
                          <button class="btn btn-outline-primary btn-pill btn-streach font-book mb-4 fs-14 preview_html" data-id="2">Preview</button>
                        </div>
                      </div>
                      <div class="editor-inst-box">
                        <textarea name="portal_data" id="portal_data" cols="30" rows="10">{{$masterfillDetails->content_1}}</textarea>
                      </div>
                      <div class="test-footer">
                        <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14  ml-3 back"  data-id="2">Close</button>
                        <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14  ml-3 next_step" style="float: right;">Next</button>
                        <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 save_next"  data-id="2" style="">Save</button>
                      </div>
                    </div>
                  </div>

                  <!--TEST INTRUCTION AREA -->
                  <div class="card test_instruction_area cc" style="display: none;">
                    <div class="card-body">
                      <h2 id="show_template_name2">Template Name: {{$masterfillDetails->template_name}}</h2>
                      <h3>Add Test Instruction: <span class="total_instruction">1</span></h3>
                      <ul class="inside-tab mt-5 mb-5">
                      @if(count($testInstructions)>0)
                        @foreach($testInstructions as $key=>$row)
                          <li><a class="@if($key==0){{'active'}}@endif filenames info-li" data-id="{{base64_encode($row->id)}}" href="javascript:void(0)">{{$row->test_filename}}</a>
                            <span class="action"><img src="{{asset('admin/images/recycle-bin.svg')}}" alt="" class="remove_test_instruction" data-id="{{base64_encode($row->id)}}"></span></li>
                        @endforeach
                      @endif
                      </ul>
                      <div class="d-flex justify-content-between align-items-start mt-5 mb-5 master_intstruct">  
                      <div class="inst-left">                      
                        <div class="form-group d-flex align-items-center mb-0">
                          <label for="totalMarks" class="form-label mb-0 mr-2">Test Instruction Name<span class="text-danger">*</span></label>
                          <input type="text"  name="test_filename" id="test_filename" class="form-control" placeholder="Enter your filename" value="@if(count($testInstructions)>0){{$testInstructions[0]->test_filename}}@endif"/>
                        </div>
                        </div>
                        <div class="inst-left">
                          <button class="btn btn-outline-primary btn-pill btn-streach font-book fs-14 add_more" data-id="{{count($testInstructions)}}">Add</button>
                          <button class="btn btn-outline-primary btn-pill btn-streach font-book fs-14 preview_html" data-id="1">Preview</button>
                        </div>
                      </div>
                      <div class="editor-inst-box">
                        <textarea name="test_data" id="test_data" cols="30" rows="10">@if(count($testInstructions)>0){{$testInstructions[0]->test_content}}@endif</textarea>
                      </div>
                      <div class="test-footer">
                        <a href="javascript:void(0)" class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14  ml-3 back_step" >Back</a>
                        <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 save"  data-id="1" data-value="@if(count($testInstructions)>0){{base64_encode($testInstructions[0]->id)}}@endif" style="">Save</button>
                        
                        <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 complete" style="float: right; display: none;">Finish</button>
                      </div>
                    </div>
                  </div>
              </div>
            @else
              <div class="other" style="@if($masterfillDetails->template_type == 1){{'display:none;'}}@endif">
                <!--PORTAL INTRUCTION AREA -->
                  <div class="card instruction_area">
                    <div class="card-body">
                      <div class="inst-header">
                        <div class="inst-left">
                          <h2 id="show_template_name">Template Name: {{$masterfillDetails->template_name}}</h2>
                        </div>
                        <div class="inst-left">

                        <button class="btn btn-outline-primary btn-pill btn-streach font-book fs-14 preview_html" data-id="3">Preview</button>
                      </div>
                    </div>
                      <div class="editor-inst-box">
                        <textarea name="other" id="other" cols="30" rows="10">{{$masterfillDetails->content_1}}</textarea>
                      </div>
                      <div class="test-footer">
                        <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14  ml-3 back"  data-id="2">Back</button>
                                                
                        <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 save"  data-id="3" style="float: right;">Save</button>
                      </div>
                    </div>
                  </div>
              </div>
            @endif
            </div>
            <input type="hidden" name="master_fill_id" id="master_fill_id" value="{{base64_encode($masterfillDetails->id)}}">
            <span id="mode" data-id="edit"></span>
				</div>
			</div>

      
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/master_fill.js?v='.time())}}"></script>
<script type="text/javascript">
  CKEDITOR.replace( 'portal_data');
  CKEDITOR.replace( 'test_data');
  CKEDITOR.replace( 'other');
</script>
@endsection