@php
$colorData = $metas->whereIn('meta_key', ['color_type', 'color_code']);
$hasProjectMedia = $metas->where('meta_key', 'project_media')->first();
@endphp
@foreach ($metas as $key => $project)
@if(!$project->label || $project->meta_key == 'color_type')
@continue;
@endif
@if ($project->meta_key == 'color_preferences')
<div class="id-single-field">
    <span>{{$project->label ?? ''}}</span>
    <h6 class="">{{$project->value ?? 'N/A'}}</h6>
</div>
@if($project->value == 'Color Code')
@php
$colorType = $colorData->where('meta_key', 'color_type')->first();
$colorCode = $colorData->where('meta_key', 'color_code')->first();
@endphp
<div class="color-code mb-4">
    <h6>{{ $colorType->label ?? '' }} ({{ $colorType->value ?? '' }})</h6>
    @if (count($colorCode->decoded_value) > 0)
    <ul>
        @foreach ($colorCode->decoded_value as $key => $value)
        <li><span style="background:{{ $value }}"></span>{{ $value ? "{$value}" : '' }}
        </li>
        @endforeach
    </ul>
    @endif
</div>
@endif
@elseif($project->type == 'checkbox')
<div class="design-deliver">
    <h6 class="mb-3">{{ $project->label ?? '' }}</h6>
    <ul>
        @foreach ($project->decoded_value ?? [] as $key => $value)
        <li class="mb-2">
            <a href="#"><i class="material-icons">done</i>{{ $value ?? '' }}</a>
        </li>
        @endforeach
    </ul>
</div>

@elseif(in_array($project->meta_key, ['project_media', 'stock_images', 'url_media']))
@php
if ($project->type === 'file') {
$file_label = 'Attachments';
} elseif ($project->type === 'image_url') {
$file_label = 'Websites';
} elseif ($project->type === 'stock_images') {
$file_label = 'Stock Images';
}
@endphp
<div class="attachment mb-4">
    <h3 class="page-title"> {{ $file_label ?? $project->label }} </h3>
    @if(!is_numeric($project->value) && $project->meta_key == 'url_media')
    <div class="id-single-field">
        <a href="{{$project->value ?? '#'}}">
            <h6 class="">{{$project->value ?? 'N/A'}}</h6>
        </a>
    </div>
    @else
    <div class="upload-attachment-wrapper mb-3 d-flex w-100 flex-wrap">
        @if($project->type == 'file' && !isAnonymousUser())
        <a class="accimgbx33 cursor-pointer align-items-center justify-content-center border-radius-10 pos-relative overflow-hidden add_attachment_padding attachment-custom-js"
            data-toggle="modal" data-target="#attach_file" data-html2canvas-ignore="true">
            <span class="icon-crss-3 text-center d-inline-block">
                <i class="fas fa-paperclip"></i>
                <span class="icon-circlxx55">+</span>
                <p class="attachfile">Add attachments</p>
            </span>
            <input class="file-input" multiple="" type="file">
        </a>
        @endif
        @php
        $AllMedia = $project->media ?? [];
        if($currentProject->is_duplicate && $project->meta_key == 'project_media'){
        $AllMedia = $duplicateFiles;
        }

        @endphp
        @foreach($AllMedia ?? [] as $key => $media)
        @php
        $canPreview = in_array(pathinfo($media->file_name, PATHINFO_EXTENSION), ['jpeg', 'jpg', 'png', 'gif']);
        $mediaUrl = asset('assets/front/images/brand_guide.svg');
        if($canPreview){
        if($media->hasGeneratedConversion('thumb')){
        $mediaUrl = $media->getUrl('thumb');
        }else{
        $mediaUrl = $media->getUrl();
        }
        }
        @endphp
        <div class="ml-4  border-radius-10">
            <div class="attachment-data-single border p-0">
                <div class="viewDelete" data-html2canvas-ignore="true">
                    @if ($canPreview)
                    <a href="{{ $mediaUrl ?? '' }}" data-fancybox="images" class="btn view-del-btn">
                        View
                    </a>
                    @endif
                    <a href="{{ route('download-file', ['id' => $media->id]) }}" class="btn view-del-btn"> Download </a>
                    {{-- @if(!$view_only) --}}
                    <a href="javascript:void(0)" class="remove-project-form-media">
                        <i data-media-id="{{ $media->id }}" data-model-type="ProjectMeta" data-id="{{ $project->id }}"
                            data-field-name="value" class="delete-media-js material-icons">close</i>
                    </a>
                    {{-- @endif --}}
                </div>
                <div>
                    <div class="position-absolute" style="top: 50%;left: 50%;transform: translate(-50%, -50%);">
                        @include('inc.dots-loader')
                    </div>

                    @if (!$canPreview)
                    <img class="attachment-data-img info_image_contain" src="{{ asset('assets/front/images/brand_guide.svg') }}">
                    @else
                    <img class="attachment-data-img info_image_contain" src="{{ $mediaUrl ?? '' }}" style="height: 140px;">
                    @endif
                </div>
            </div>
            <div class="pdf-link d-none">
                <a href="{{$mediaUrl ?? ''}}"> <h6>Download</h6> </a>
            </div>
        </div>
        @endforeach
        @if($project->meta_key == 'project_media')
        @foreach($oldImages ?? [] as $key => $old_file)
        <div class="attachment-data ml-4  border-radius-10">

            <div class="attachment-data-single border p-0 {{ isset($old_file->file_not_found) ? 'active:hover' : '' }}"
                title="{{ $old_file->file_name ?? '' }}">
                <div class="viewDelete" data-html2canvas-ignore="true">
                    @if (false === isset($old_file->file_not_found))
                    @if (strpos($old_file->mime_type, 'application') === false)
                    <a href="{{ $old_file->url ?? '' }}" data-fancybox="images" class="btn view-del-btn">
                        View
                    </a>
                    @endif
                    <a href="{{ route('old-file-download', ['id' => $old_file->url_path]) }}" class="btn view-del-btn">
                        Download </a>
                    @else
                    <p class="text-white text-center">File Not found</p>
                    @endif
                </div>

                <div>

                    <div class="position-absolute" style="top: 50%;left: 50%;transform: translate(-50%, -50%);">
                        @include('inc.dots-loader')
                    </div>

                    @if (strpos($old_file->mime_type, 'application') > -1)
                    <img class="attachment-data-img" src="{{ asset('assets/front/images/brand_guide.svg') }}">
                    @else
                    <img class="attachment-data-img" src="{{ $old_file->url ?? '' }}" style="height: 140px;">
                    @endif
                </div>

            </div>
        </div>
        @endforeach
        @endif
    </div>
    @endif
</div>
@else
<div class="id-single-field">
    <span>{{$project->label ?? ''}}</span>
    @if($project->meta_key == 'category')
    <h6 class="">{{$project->category_name ?? 'N/A'}}</h6>
    @elseif($project->meta_key == 'brand_profile')
    {{-- <h6 class="">{{$project->brand_profile ?? 'N/A'}}</h6> --}}
    <h6 data-brand-id="{{ $project->value }}" class="show_brand_detail brand-detail-ajax-js cursor-pointer">
        {{ $project->brand_profile ?? 'N/A' }}</h6>
    @elseif(is_array($project->decoded_value))
    @php
    $text = $project->decoded_value;
    $bullets = false;
    if ($project->type == 'text' && $project->is_multiple && count($text) > 1) {
    $bullets = true;
    } else {
    $text = implode(',', $text);
    }
    @endphp
    @if($bullets)
    <ul class="ml-3">
        @foreach ($text as $line)
        <li style="list-style: decimal;">{{ $line }}</li>
        @endforeach
    </ul>
    @else
    <h6 class="">{!! $text ?? ($project->value ?? '') !!}</h6>
    @endif
    @else
    <h6 class="">{{$project->value ?? 'N/A'}}</h6>
    @endif
</div>
@endif
@endforeach
@if(!$hasProjectMedia)
<div class="attachment mb-4">
    <h3 class="page-title"> Attachments </h3>
    <div class="upload-attachment-wrapper mb-3 d-flex w-100 flex-wrap">
        @if(!isAnonymousUser())
        <a class="accimgbx33 cursor-pointer align-items-center justify-content-center border-radius-10 pos-relative overflow-hidden add_attachment_padding"
            data-toggle="modal" data-target="#attach_file" data-html2canvas-ignore="true">
            <span class="icon-crss-3 text-center d-inline-block">
                <i class="fas fa-paperclip"></i>
                <span class="icon-circlxx55">+</span>
                <p class="attachfile">Add attachments</p>
            </span>
            <input class="file-input" multiple="" type="file">
        </a>
        @endif
    </div>
</div>
@endif