@extends('actor.layouts.layout')

@section('content')


    <div class="container-fluid">
        <!-- Color Pickers -->

        <form method="post" enctype="multipart/form-data" id="assetdetailsstoreform">

            @csrf

            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="card">
                        <div class="header">

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <input type="text"  class="assetallfilendchangekeyupclick form-control @error('asset_name') is-invalid @enderror"   name="asset_name" placeholder="Asset Name" value="{{ $assatdetails->asset_name }}" id="assetnamedesign" style="opacity: 1 !important; border-left: 0px; border-top: 0px; border-right: 0px; ">
                                        <button type="button" id="assetnameicondisplay"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                                        <input type="hidden"  id="assetdetilsupdateid"  value="{{ $assatdetails->id }}">
                                        <input type="hidden"  id="assetdetilspublishedcheck"  value="{{ $assatdetails->assetdisplay }}">
                                        @error('asset_name')
                                        <span class="error invalid-feedback">{{$message}}</span>
                                        @enderror
                                        <p class="nodedesign ml-2"><button class="notebuttondesign" type="button">

                                                @if($assatdetails->assetdisplay  == 1)
                                                    Published
                                                @else
                                                    Draft
                                                @endif


                                            </button>

                                            @php
                                                $lastupdatedate1 = Carbon\Carbon::createFromDate($assatdetails->updated_at);
                                                $todaydate2=Carbon\Carbon::now();

                                                $years = $lastupdatedate1->diffInYears($todaydate2);
                                                $months = $lastupdatedate1->diffInMonths($todaydate2);
                                                $days = $lastupdatedate1->diffInDays($todaydate2);
                                                $hours = $lastupdatedate1->diffInHours($todaydate2);;
                                                $minutes = $lastupdatedate1->diffInMinutes($todaydate2);
                                            @endphp

                                            <span id="displaysummernote1count">Last edit
                                            @if($years != 0) @php printf("%d years",$years) @endphp
                                                @elseif($months != 0) @php printf("%d months",$months) @endphp
                                                @elseif($days != 0) @php printf("%d days",$days) @endphp
                                                @elseif($hours != 0) @php printf("%d hours",$hours) @endphp
                                                @elseif($minutes != 0) @php printf("%d minutes",$minutes)@endphp
                                                @else @php echo "few seconds" @endphp
                                                @endif
                                            ago</span>
                                        </p>
                                    </div>
                                </div>
                                <div class="col-md-4">

                                    <p class="mt-2">Cloud Space Usage 0/0 &nbsp;&nbsp;
                                        <button type="button" class="btn btn-white text-primary" style=" border: 1px solid black;">Upgrade</button></p>
                                </div>
                                <div class="col-md-4 text-right">
                                    <input type="hidden" name="readytopublish" id="publishedassetdetailsreadytopublish" value="{{ $assatdetails->readytopublish }}">
                                    <a target="_blank" href="{{ route('assetnewdetails.index',$assatdetails->slug)}}"><button type="button" class="btn text-primary" >Preview</button></a>
                                    <button type="button" class="btn text-danger"  id="clicktomoveassettrashcreate" assetid="{{ $assatdetails->id }}">Delete</button>
                                    @if($assatdetails->assetdisplay == 6 || $assatdetails->assetdisplay == 3 || $assatdetails->assetdisplay == 4)
                                        <button type="button" id="clicktoenabledisableassetsave" class="btn btn-success text-right">Save <div class="loader" id="assetformdetailsstoreloader"></div></button>
                                    @else
                                        <button type="submit" id="updateassetsubmitbutton" class="btn btn-primary text-right">Save as Draft <div class="loader" id="assetformdetailsstoreloader"></div></button>&nbsp;
                                        <button type="button"  class="btn clicktoenabledisableasset btn-dark disabled text-right">Publish</button>
                                    @endif

                                    <div id="displayshowallerrorasset"></div>

                                    <div class="progress mt-3" style="height: 25px; display: none;">
                                        <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
                                    </div>


                                </div>
                            </div>


                        </div>
                        <div class="body">

                            <ul class="nav nav-tabs-new2 clicktosavetaboption" id="assetheadinglistheadingtab">
                                <li class="nav-item"><a style=" padding-left: 0px; " class="nav-link" data-toggle="tab" href="#highlight">Highlight <span class="assetdisplayshowhideinformation assetdisplayshowhideinformationhighlightfailer"><i class="fa fa-exclamation-triangle information" aria-hidden="true"></i></span>&nbsp;<span class="assetdisplayshowhideinformation assetdisplayshowhideinformationhighlightsuccess" style="display:none"><i class="fa fa-check success" aria-hidden="true"></i></span></a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#media">Media <span class="assetdisplayshowhideinformation assetdisplayshowhideinformationmediafailer"><i class="fa fa-exclamation-triangle information" aria-hidden="true"></i></span>&nbsp;<span class="assetdisplayshowhideinformation assetdisplayshowhideinformationhigmediasuccess" style="display:none"><i class="fa fa-check success" aria-hidden="true"></i></span></a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#content">Content <span class="assetdisplayshowhideinformation assetdisplayshowhideinformationcontentfailer"><i class="fa fa-exclamation-triangle information" aria-hidden="true"></i></span>&nbsp;<span class="assetdisplayshowhideinformation assetdisplayshowhideinformationcontentsuccess" style="display:none"><i class="fa fa-check success" aria-hidden="true"></i></span></a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#description">Description <span class="assetdisplayshowhideinformation assetdisplayshowhideinformationdescriptionfailer"><i class="fa fa-exclamation-triangle information" aria-hidden="true"></i></span>&nbsp;<span class="assetdisplayshowhideinformation assetdisplayshowhideinformationdescriptionsuccess" style="display:none"><i class="fa fa-check success" aria-hidden="true"></i></span></a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#version">Version </a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#details">Details <span class="assetdisplayshowhideinformation assetdisplayshowhideinformationdetailsfailer"><i class="fa fa-exclamation-triangle information" aria-hidden="true"></i></span>&nbsp;<span class="assetdisplayshowhideinformation assetdisplayshowhideinformationdetailssuccess" style="display:none"><i class="fa fa-check success" aria-hidden="true"></i></span></a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#verified">Verification (<span id="assetdisplaymessagecountdisplaychange">{{ $unviewedassetmessagecount }}</span>)</a></li>
                                <li class="nav-item clicktoshowassetactivitylog"><a class="nav-link" data-toggle="tab" href="#activitylog">Activity Log</a></li>
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane active" id="highlight">

                                    <br>

                                    <div class="row">

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Asset Category *</label>
                                                <div class="multiselect_div">

                                                    <select id="category-selection" name="category_id" style="width:100%" class="select2 assetallfilendchangekeyupclick form-control @error('category_id') is-invalid @enderror" >
                                                        <option value="">Select Asset Category</option>
                                                        @foreach($asset_categorys as $asset_category)
                                                            <option value="{{ $asset_category->id }}"
                                                                    @if($assatdetails && $assatdetails->category_id == $asset_category->id) selected
                                                                    @endif @if(old('category_id') == $asset_category->id) selected @endif>{{ $asset_category->asset_categories_name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('category_id')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Asset Class *</label>
                                                <div class="multiselect_div">
                                                    <select id="class-selection" name="class_id" style="width:100%" class="select2 form-control @error('class_id') is-invalid @enderror">
                                                        <option value="">Select Asset Class</option>