@if($type == 'base')
@php $exists = $data['row'] ? $data['row']->sectionDetails : ""; @endphp
@if($exists)
@forelse($data['row']->sectionDetails as $section)
<div class="pro-section-list" id="js-pro-section-detail-{{$section->id}}">

    <div>
        <span class="label">Section Name : </span> <span class="data w-w-b">{{$section->name}}</span>
    </div>
    <div>
        <span class="label">Section Type : </span> <span class="data">{{$section->questionTypeDetails ? $section->questionTypeDetails->name : "-"}}</span>
    </div>
    <div>
        <span class="label">Question Selection : </span> <span class="data">@if($section->is_manual == 1) Manual @else Auto @endif</span>
    </div>
    <div class="row">
        <span class="label col-md-3 col-lg-2 p-l-20">Section Intro : </span> <span class="data col-md-7 p-l-20 w-w-b"> {!! $section->section_content ?((strlen($section->section_content) > 60) ? substr(trim(strip_tags($section->section_content)),0,60)."....." : $section->section_content) : "Not Updated" !!} </span>
    </div>
    @if($section->weightage>0)
     <div class="row">
        <span class="label col-md-3 col-lg-2 p-l-20">Weightage : </span> <span class="data col-md-7 p-l-20 w-w-b"> {!! $section->weightage ? $section->weightage : "Not Updated" !!} </span>
    </div>
    @endif

    <div class="actions">
        <a href="javascript:;" class="c-blue js-pro-section-edit" data-id="{{$section->id}}" data-assess="{{ $section->assessment_id }}"><span class="hmepro-icon-edit"></span></a>
        @if($data['row']->section_freeze == 0)
        <a href="javascript:;" class="c-red js-pro-section-delete" data-id="{{$section->id}}" data-assess="{{ $section->assessment_id }}"><span class="hmepro-icon-trash"></span></a>
        @endif
    </div>
</div>
@empty
<div class="js-pro-empty_section">
    <div class="col d-flex justify-content-center">
        <span class="icon proicon-icon-no-section"></span>            
    </div>
    <div class="col d-flex justify-content-center">
        <p class="message">
            You have not added any Sections to your Assessment, Add minimum  (one) section to proceed next
        </p>
    </div>
</div>
@endforelse
@else
<div class="js-pro-empty_section">
    <div class="col d-flex justify-content-center">
        <span class="icon proicon-icon-no-section"></span>            
    </div>
    <div class="col d-flex justify-content-center">
        <p class="message">
            You have not added any Sections to your Assessment, Add minimum  (one) section to proceed next
        </p>
    </div>
</div>
@endif
@elseif($type == 'new')
<div class="pro-section-list" id="js-pro-section-detail-{{$data['id']}}">
    <div>
        <span class="label">Section Name : </span> <span class="data w-w-b">{{$data['name']}}</span>
    </div>
    <div>
        <span class="label">Section Type : </span> <span class="data">{{$data['ques_type']}}</span>
    </div>
    <div>
        <span class="label">Question Selection : </span> <span class="data">@if($data['is_manual'] == 1) Manual @else Auto @endif</span>
    </div>
    <div>
        <span class="label">Section Intro : </span> <span class="data w-w-b">@if($data['section_intro']){!! $data['section_intro'] !!} @else Not Updated @endif</span>
    </div>
     @if($data['weightage']>0)
     <div>
        <span class="label">Weightage : </span> <span class="data w-w-b">{!! $data['weightage'] !!} </span>
    </div>
    @endif
    <div class="actions">
        <a href="javascript:;" class="c-blue js-pro-section-edit" data-id="{{$data['id']}}" data-assess="{{ $data['assessment_id'] }}"><span class="hmepro-icon-edit"></span></a>
        <a href="javascript:;" class="c-red js-pro-section-delete" data-id="{{$data['id']}}" data-assess="{{ $data['assessment_id'] }}"><span class="hmepro-icon-trash"></span></a>
    </div>
</div>
@elseif($type == 'update')

<div>
        <span class="label">Section Name : </span> <span class="data">{{$data['name']}}</span>
    </div>
    <div>
        <span class="label">Section Type : </span> <span class="data">{{$data['ques_type']}}</span>
    </div>
    <div>
        <span class="label">Question Selection : </span> <span class="data">@if($data['is_manual'] == 1) Manual @else Auto @endif</span>
    </div>
    <div>
        <span class="label">Section Intro : </span> <span class="data">@if($data['section_intro']){!! $data['section_intro'] !!} @else Not Updated @endif</span>
    </div>
     @if($data['weightage']>0)
     <div>
        <span class="label">Weightage : </span> <span class="data w-w-b">{!! $data['weightage'] !!} </span>
    </div>
    @endif
    <div class="actions">
        <a href="javascript:;" class="c-blue js-pro-section-edit" data-id="{{$data['id']}}" data-assess="{{ $data['assessment_id'] }}"><span class="hmepro-icon-edit"></span></a>
        <a href="javascript:;" class="c-red js-pro-section-delete" data-id="{{$data['id']}}" data-assess="{{ $data['assessment_id'] }}"><span class="hmepro-icon-trash"></span></a>
    </div>
@endif