@extends('layouts.main')
@section('breadcrumb')
  <!-- Нова розмітка основного контенту -->
  <div id="report_creating_message" style="width: 100%; text-align: left;"></div>
  <div class="page-title-box__wrap">
    <div class="page-title-box">
      <h4 class="page-title">Device Profile</h4>
      @if($asset->type===0)
        @include('CAD.asset.incl_report_button',['report_name'=>'Asset', 'asset'=>$asset->id])
      @endif
    </div>
    <div class="page-title-btn-box">
      <!-- Кнопка редагування має активний стан для зміни тексту по класу "act" -->
      {{--<button class="edit-btn">
        <img src="/img/icon/edit-icon.svg" alt="edit-icon">
        <p class="edit">Edit</p>
        <p class="save">Save</p>
      </button>--}}
      <a href="{!! route('cad-asset.edit', [$asset->id]) !!}" class="edit-btn">
        <img src="/img/icon/edit-icon.svg" alt="back-icon">
        <p>Edit</p>
      </a>
      <a href="{{ $back?route('cad-asset.show',$back):route('cad-asset-index',['type'=>$asset->type]) }}" class="back-btn">
        <img src="/img/icon/back-icon.svg" alt="back-icon">
        <p>Back</p>
      </a>
    </div>
  </div>
@endsection
@section('content')
  @if($asset->type==0)
    @include('CAD.asset.show_type_one')
  @elseif($asset->type==1)
    @include('CAD.asset.show_type_two')
  @elseif($asset->type>=2)
    <div class="asset-info">
      <div class="asset-info__wrap">
        <div class="field-group">
          <div class="form-group">
            @foreach($asset->getOptions() as $key=>$value)
              <label class="editable-input">
                <p class="label-title">{{$key}}:</p>
                <p class="label-value">
                  @if($key==='image')
                    <img alt="" src="{{$value}}" class="image_preview">
                  @else
                    {!! $value !!}
                  @endif
                </p>
              </label>
            @endforeach
          </div>
        </div>
      </div>
    </div>
  @endif

  @include('CAD.asset.image_modal')
  <style>
    .box-body label {
      color: white;
    }
  </style>
@endsection

@section('bottom_css')
  <link href="{{ url('/assets/css/asset-page.css') }}" rel="stylesheet"/>
@endsection