{{-- <div class="id-single-field info-container-bar">
    @include('customer.projects.components.edit-icon-info', ['input_title' => 'Project Title'])
    <input class="form-control summary-form-control" type="text" name="project_title"
        value="{{$metas['project_title']->value ?? 'N/A'}}" disabled>
</div>
<div class="id-single-field design-deliver px-3">
    <span class="">OBJECTIVE</span>
    <ul>
        @foreach ($metas[getVideoFormName('objectives')]->decoded_value ?? [] as $key => $value)
        <li class="">
            <a href="#"><i class="material-icons">done</i>{{ $value ?? '' }}</a>
        </li>
        @endforeach
    </ul>
</div>
<div class="id-single-field design-deliver px-3">
    <span class="">Choose the type of content which is more correlated with the objective</span>
    <ul>
        @foreach ($metas[getVideoFormName('type_of_content')]->decoded_value ?? [] as $key => $value)
        <li class="">
            <a href="#"><i class="material-icons">done</i>{{ $value ?? '' }}</a>
        </li>
        @endforeach
    </ul>
</div>
<div class="id-single-field design-deliver px-3">
    <span class="">TARGET</span>
    <ul>
        @foreach ($metas[getVideoFormName('target_audience')]->decoded_value ?? [] as $key => $value)
        <li class="">
            <a href="#"><i class="material-icons">done</i>{{ $value ?? '' }}</a>
        </li>
        @endforeach
    </ul>
</div>

<div class="id-single-field">
    <span>LENGTH</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('length')]->value ?? 'N/A'}}</h6>
</div>
<div class="id-single-field">
    <span>RESOLUTION</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('resolution')]->value ?? 'N/A'}}</h6>
</div>
<div class="id-single-field design-deliver px-3">
    <span class="">FORMAT FILE</span>
    <ul>
        @foreach ($metas[getVideoFormName('format')]->decoded_value ?? [] as $key => $value)
        <li class="">
            <a href="#"><i class="material-icons">done</i>{{ $value ?? '' }}</a>
        </li>
        @endforeach
    </ul>
</div>
<div class="id-single-field">
    <span>ASPECT RATIO</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('aspect_ratio')]->value ?? 'N/A'}}</h6>
</div>
<div class="id-single-field">
    <span>ORIENTATION</span>
    @if(isset($metas[getVideoFormName('orientation')]) && count($metas[getVideoFormName('orientation')]->decoded_value) > 0)
        <h6 class="summary-form-control">{{$metas[getVideoFormName('orientation')]->decoded_value[0] ?? 'N/A'}}</h6>
    @else
        <h6 class="summary-form-control">{{$metas[getVideoFormName('orientation')]->value ?? 'N/A'}}</h6>
    @endif
  
</div>

<div class="id-single-field">
    <span>Animation</span>
    @if(isset($metas[getVideoFormName('animation')]) && count($metas[getVideoFormName('animation')]->decoded_value) > 0)
        <h6 class="summary-form-control">{{$metas[getVideoFormName('animation')]->decoded_value[0] ?? 'N/A'}}</h6>
    @else
        <h6 class="summary-form-control">{{$metas[getVideoFormName('animation')]->value ?? 'N/A'}}</h6>
    @endif
</div>
<div class="id-single-field">
    <span>Color grading</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('color_grading')]->value ?? 'N/A'}}</h6>
</div>

<div class="id-single-field">
    <span>Include our company's logo throughout the video</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('include_company_logo')]->value ?? 'N/A'}}</h6>
</div>

<div class="id-single-field">
    <span>Add background music</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('background_music')]->value ?? 'N/A'}}</h6>
</div>
<div class="id-single-field">
    <span>Add subtitles</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('subtitle')]->value ?? 'N/A'}}</h6>
</div>
<div class="id-single-field">
    <span>DEADLINE</span>
    <h6 class="summary-form-control">{{$metas[getVideoFormName('deadline')]->value ?? 'N/A'}}</h6>
</div>
<div class="id-single-field info-container-bar">
    @include('customer.projects.components.edit-icon-info', ['input_title' => 'Additional Info'])
    <textarea class="form-control summary-form-control" name="additional_info" disabled> {{$metas[getVideoFormName('additional_info')]->value ?? 'N/A' }}</textarea>
</div>

@if(isset($metas[getVideoFormName('tell_us_more')]) && $metas[getVideoFormName('tell_us_more')]->value)
<div class="id-single-field">
    <span>Tell us more: ( provide additional information about your target audience) </span>
    <textarea class="form-control summary-form-control" name="additional_info" disabled> {{$metas[getVideoFormName('tell_us_more')]->value ?? 'N/A' }}</textarea>
</div>
@endif
<div class="id-single-field 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
        @php
        $AllMedia = $metas['project_media']->media ?? [];
        if($currentProject->is_duplicate){
        $AllMedia = $duplicateFiles;
        }
        @endphp
        @include('customer.projects.components.info-image-section', ['AllMedia' => $AllMedia, 'currentProject' => $currentProject])
    </div>
</div> --}}
<input type="hidden" id="project_id" value="{{$currentProject->id ?? ''}}">
<input type="hidden" id="project_type" value="{{$currentProject->project_type}}">
<div class="row">
    <div class="col-12 col-lg-6">
        <div class="summar-sec">
            <div
                class="summry-text-sec d-flex align-items-baseline justify-content-between">
                <h4 class="summary-heading mb-2">Summary</h4>
                <a href="{{ getRoute('project.edit', $currentProject->id) }}?id={{ $currentProject->project_type ?? '' }}"><i class="fa-solid fa-pencil"></i> Edit</a>
            </div>
            <div>
                <a href="#" class="project-status bg-yellow mb-3">Project Title</a>
                <p class="black-para dashed-border">{{$metas['project_title']->value ?? 'N/A'}}</p>
            </div>
            <div class="row dashed-border mt-3">
                <div class="col-md-6">
                <a href="#" class="project-type mb-3">OBJECTIVE</a>
                <p class="black-para ">
                    @foreach ($metas[getVideoFormName('objectives')]->decoded_value ?? [] as $key => $value)
                    {{ $value ?? '' }}@if(!$loop->last),@endif
                    @endforeach
                </p>
                </div>
                <div class="col-md-6">
                    <a href="#" class="project-status mb-3 bg-pink">Brand Profile</a>
                        <p data-brand-id="{{ $metas['brand_profile']->value ?? ''}}" class="black-para brand-detail-ajax-js cursor-pointer" >{{$metas['brand_profile']->brand_profile_name ?? ''}}</p>
                </div>

            </div>
            <div class="dashed-border mt-3">
                <a href="#" class="project-type mb-3">Type of content which is more correlated</a>
                <p class="black-para ">
                    @foreach ($metas[getVideoFormName('type_of_content')]->decoded_value ?? [] as $key => $value)
                    {{ $value ?? '' }}@if(!$loop->last),@endif
                    @endforeach
                </p>
            </div>
            <div class="dashed-border mt-3">
                <a href="#" class="project-type mb-3">Target</a>
                <p class="black-para ">
                    @foreach ($metas[getVideoFormName('target_audience')]->decoded_value ?? [] as $key => $value)
                    {{ $value ?? '' }}@if(!$loop->last),@endif
                    @endforeach
                </p>
            </div>
            <div class="row dashed-border">
                <div class="col-md-5">
                    <div>
                        <a href="#" class="project-status my-3">LENGTH</a>
                        <p class="black-para">{{$metas[getVideoFormName('length')]->value ?? ''}}</p>
                    </div>
                </div>
                <div class="col-md-7">
                    <div>
                        <a href="#" class="project-status my-3 bg-pink">RESOLUTION</a>
                        <p class="black-para ">{{$metas[getVideoFormName('resolution')]->value ?? ''}}</p>
                    </div>
                </div>
            </div>
            <div class="row dashed-border">
                <div class="col-md-5">
                    <div>
                        <a href="#" class="project-status my-3">FORMAT FILE</a>
                        <p class="black-para">{{$metas[getVideoFormName('format')]->value ?? ''}}</p>
                    </div>
                </div>
                <div class="col-md-7">
                    <div>
                        <a href="#" class="project-status my-3 bg-pink">ASPECT RATIO</a>
                        <p class="black-para ">{{$metas[getVideoFormName('aspect_ratio')]->value ?? ''}}</p>
                    </div>
                </div>
            </div>
            <div class="row dashed-border">
                <div class="col-md-5">
                    <div>
                        <a href="#" class="project-status my-3">ORIENTATION</a>
                        @if(isset($metas[getVideoFormName('orientation')]) && count($metas[getVideoFormName('orientation')]->decoded_value) > 0)
                            <p class="black-para">{{$metas[getVideoFormName('orientation')]->decoded_value[0] ?? 'N/A'}}</p>
                        @else
                             <p class="black-para">{{$metas[getVideoFormName('orientation')]->value ?? 'N/A'}}</p>
                        @endif
                    </div>
                </div>
                <div class="col-md-7">
                    <div>
                        <a href="#" class="project-status my-3 bg-pink">Animation</a>
                        @if(isset($metas[getVideoFormName('animation')]) && count($metas[getVideoFormName('animation')]->decoded_value) > 0)
                            <p class="black-para">{{$metas[getVideoFormName('animation')]->decoded_value[0] ?? 'N/A'}}</p>
                        @else
                            <p class="black-para">{{$metas[getVideoFormName('animation')]->value ?? 'N/A'}}</p>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row dashed-border">
                <div class="col-md-5">
                    <div>
                        <a href="#" class="project-status my-3">Color grading</a>
                        <p class="black-para">{{$metas[getVideoFormName('color_grading')]->value ?? ''}}</p>
                    </div>
                </div>
                <div class="col-md-7">
                    <div>
                        <a href="#" class="project-status my-3 bg-pink">Add subtitles</a>
                        <p class="black-para ">{{$metas[getVideoFormName('subtitle')]->value ?? ''}}</p>
                    </div>
                </div>
                {{-- <div class="col-md-7">
                    <div>
                        <a href="#" class="project-status my-3 bg-pink">Include our company's logo throughout the video</a>
                        <p class="black-para ">{{$metas[getVideoFormName('include_company_logo')]->value ?? ''}}</p>
                    </div>
                </div> --}}
            </div>
        
            <div class="dashed-border mt-3">
                <a href="#" class="project-type mb-3">Include our company's logo throughout the video</a>
                <p class="black-para ">{{$metas[getVideoFormName('include_company_logo')]->value ?? ''}}</p>
            </div>

            <div class="row dashed-border">
                <div class="col-md-7">
                    <div>
                        <a href="#" class="project-status my-3">Background music</a>
                        <p class="black-para">{{$metas[getVideoFormName('background_music')]->value ?? ''}}</p>
                    </div>
                </div>
                <div class="col-md-5">
                    <div>
                        <a href="#" class="project-status my-3 bg-pink">Deadline</a>
                        <p class="black-para ">{{$metas[getVideoFormName('deadline')]->value ?? ''}}</p>
                    </div>
                </div>
            </div>
            <div class="dashed-border mt-3">
                <a href="#" class="project-type mb-3">Additional Info</a>
                <p class="black-para ">{!! $metas[getVideoFormName('additional_info')]->value ?? '' !!}</p>
            </div>
            <div class="dashed-border mt-3">
                <a href="#" class="project-type mb-3">Tell us more: ( provide additional information about your target audience)</a>
                <p class="black-para ">{{$metas[getVideoFormName('tell_us_more')]->value ?? ''}}</p>
            </div>
        </div>
    </div>
    <div class="col-12 col-lg-6 h-100">
        <div class="summar-sec mt-0 ">
            @php
            $AllMedia = $metas['project_media']->media ?? [];
            if($currentProject->is_duplicate){
            $AllMedia = $duplicateFiles;
            }
            $getAllCount = count($AllMedia);
            @endphp
            <div class="row">
                <div class="col-md-6">
                    <div
                        class="summry-text-sec d-flex align-items-baseline justify-content-between">
                        <h4 class="summary-heading">Attachments ({{$getAllCount ?? 0}})</h4>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="summry-text-sec d-block align-items-baseline justify-content-between">
                        <div class="summry-text-sec d-flex align-items-baseline justify-content-between">
                            <a href="{{getRoute('download.project-media', $currentProject->id)}}" class="summary-heading color-blue" title="Download All Files"><i class="fa-solid fa-download"></i> Download</a>
                            @if(!isAnonymousUser())
                                <a class="summary-heading color-blue cursor-pointer" data-bs-toggle="modal" data-bs-target="#attach_file" data-html2canvas-ignore="true">+Add</a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                {{-- @php
                $AllMedia = $metas['project_media']->media ?? [];
                if($currentProject->is_duplicate){
                $AllMedia = $duplicateFiles;
                }
                @endphp --}}
                @include('customer.projects.components.info-image-section', ['AllMedia' => $AllMedia, 'currentProject' =>
                $metas['project_media'] ?? []])
                @include('customer.projects.components.info-image-section', ['AllMedia' => $oldImages, 'currentProject' =>
                $metas['project_media'] ?? [], 'img_type' => 'old_images'])
            </div>
        </div>
    </div>
</div>