@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 -->
          <?php $heading = 'Add Instruction'; ?>
          @if($masterfillDetails->template_type == 1)
          <?php $heading = 'Add Portal Instruction'; ?>
          @endif
            <h1 class="heading">{{$heading}}</h1>
           
            <!--// MAIN BODY CONTENT -->

            <div class="next_steps">
              <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">
                      <h2 id="show_template_name">Template Name: {{$masterfillDetails->template_name}}</h2>
                      <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 preview_html" data-id="2">Preview</button>
                        <button class="btn btn-primary 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_next"  data-id="2" style="float: right;">Save & Next</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>
                      @if(count($testInstructions)>0)
                        <ul class="inside-tab">
                        @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></li>
                        @endforeach
                        </ul>
                      @endif
                      <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14 add_more" data-id="{{count($testInstructions)}}">Add More</button>
                      <div class="form-group" >
                        <label for="totalMarks" class="form-label">Filename<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 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">
                        <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14 preview_html" data-id="1">Preview</button>
                        <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="float: right;">Save</button>
                        <a href="{{route('admin.master_fill.list')}}" class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14  ml-3" style="float: right;">Close</a>
                      </div>
                    </div>
                  </div>
              </div>

              <div class="other" style="@if($masterfillDetails->template_type == 1){{'display:none;'}}@endif">
                <!--PORTAL INTRUCTION AREA -->
                  <div class="card instruction_area">
                    <div class="card-body">
                      <h2 id="show_template_name">Template Name: {{$masterfillDetails->template_name}}</h2>
                      <h3>Add Test Instruction: <span class="total_instruction">1</span></h3>
                      <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 preview_html" data-id="3">Preview</button>
                        <button class="btn btn-primary 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>
            </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