@if($position == 1)
    @php
        $image = $project_detail->image_1;
        $big_title = $project_detail->big_title_1;
        $small_title = $project_detail->small_title_1;
        $points = json_decode($project_detail->point_1, true);
    @endphp
@elseif($position == 2)
    @php
        $image = $project_detail->image_2;
        $big_title = $project_detail->big_title_2;
        $small_title = $project_detail->small_title_2;
        $points = json_decode($project_detail->point_2, true);
    @endphp
@elseif($position == 3)
    @php
        $image = $project_detail->image_3;
        $big_title = $project_detail->big_title_3;
        $small_title = $project_detail->small_title_3;
        $points = json_decode($project_detail->point_3, true);
    @endphp
@elseif($position == 4)
    @php
        $image = $project_detail->image_4;
        $big_title = $project_detail->big_title_4;
        $small_title = $project_detail->small_title_4;
        $points = json_decode($project_detail->point_4, true);
    @endphp
@endif
<div class="col-12 col-show-detail">
    <div class="row">
        <div class="col-md-6 col-sm-12">
          <div class="card mt-3">
              <div class="card-body">
                <button class="btn btn-warning float-right mb-3 edit-content" act="detail-image" position="{{ $position }}" img="{{ $image }}" img-alt="{{ \app\Http\Controllers\ProjectController::checkAltMediaStatic($image) }}"><i class="fas fa-edit"></i></button>
                <img style="width: 100%;" src="{{ $image ? asset('media/' . $image) : asset('soft/images/svg/06.svg') }}">
              </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-12">
            <div class="row">
                <div class="col-12">
                    <div class="card mt-3">
                        <div class="card-body">
                          <div class="row">
                              <div class="col-12">
                                  <button class="btn btn-warning float-right mb-3 d-block edit-content" act="detail-show-title" position="{{ $position }}"><i class="fas fa-edit"></i></button>
                              </div>
                              <div class="col-12">
                                  <span class="d-block" act="detail-big-title">{!! $big_title !!}</span><br>
                                  <span class="d-block" act="detail-small-title">{!! $small_title !!}</span><br>
                              </div>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card mt-3">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                  <button class="btn btn-warning float-right mb-3 d-block edit-content" act="detail-point" position="{{ $position }}"><i class="fas fa-edit"></i></button>
                                </div>
                            </div>
                            <dl class="row detail-point">
                              @if(!empty($points))
                              @for($i = 0; $i <= count($points) - 1; $i++)
                              <dd class="col-sm-6 detail-point-list">{{ $points[$i] }}</dd>
                              @endfor
                              @endif
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>