@php
$main_form = $formId;
$types = [
    "Szemből" => 'car',
    "Bal eleje" => 'car',
    "Bal oldala" => 'car',
    "Bal hátulja" => 'car',
    "Hátulja" => 'car',
    "Jobb hátulja" => 'car',
    "Jobb oldala" => 'car',
    "Jobb eleje" => 'car',
    "Tető felülről" => 'car',
    "Bal Első Ajtó/Oldal Kárpit" => 'car',
    "Első ülések (telibe)" => 'car',
    "Hátsó ülések (telibe)" => 'car',
    "Motortér" => 'car',
    "Jobb Első Ajtó/Oldal Kárpit" => 'car',
    "Jobb Hátsó Ajtó/Oldal Kárpit" => 'car',
    "Csomagtérbelső" => 'car',
    "Bal Hátsó Ajtó/Oldal Kárpit" => 'car',
    "Műszerfal (telibe)" => 'car',
    "Tetőkárpit (telibe)" => 'car',
    "Harmadik üléssor (telibe)" => 'car',
    "Fő fotó" => 'part',
    "Hátulja" => 'part',
    "Cikkszám" => 'part',
    "Csatlakozó" => 'part',
    "Futófelület" => 'part',
    "További fotó" => 'all',
];

//   if( !$item->part?->is_required_connector_photo ) {
//     unset($types[3]);
//   }

  $product_photos = [];
  foreach($types as $photo_type => $type) {
    $photo = $photos->where('type', $photo_type)->first();
    if( !$photo ) {
      $photo = new App\Models\Photo;
      $photo['product_id'] = $item->id;
      $photo['type'] = $photo_type;
    }
    $product_photos[$photo_type] = $photo;
  }
  $i = 0;
@endphp

<div class="d-flex align-content-start flex-wrap">

@foreach ($types as $photo_type => $type)
<div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 photo_{{ $type }}">
    <h5>{{ $photo_type }}</h5>
    @php
        $name_prefix = 'photos['.$i.'][';
        $name_suffix = ']';
        $i++;
    @endphp

    @php
        $name = $name_prefix.'id'.$name_suffix;
        $value = $product_photos[$photo_type]?->id;
    @endphp
    @include('admin.form.columns.hidden')
    @php
        $name = $name_prefix.'type'.$name_suffix;
        $value = $photo_type;
    @endphp
    @include('admin.form.columns.hidden')
    @php
        $name = $name_prefix.'image'.$name_suffix;
        $value = $product_photos[$photo_type]?->image;
    @endphp
    @include('admin.form.columns.photo')
</div>
@endforeach
</div>

@push('scripts')
<script>
$(document).ready(function () {
    if($('[form="{{ $main_form }}"][name="part_id"]').val() == 1) {
        $('.photo_car').show();
        $('.photo_part').hide();
    } else {
        $('.photo_car').hide();
        $('.photo_part').show();
    }

    select_{{ $main_form }}_part_id?.passedElement.element.addEventListener(
        'change',
        function(event) {
            if(event.detail.value == 1) {
                $('.photo_car').show();
                $('.photo_part').hide();
            } else {
                $('.photo_car').hide();
                $('.photo_part').show();
            }
        },
        false,
    );
});
</script>
@endpush