{{-- ================================================= First Time ==================================================== --}}
<div class="response-box" id="firsttimeDiv">
    <h6>{{trans('translate.first_heading')}}</h6>
    <div class="info">
        <p id="manufacture"><span class="bold-title">{{ __('translate.manufacture') }} :</span>&nbsp;</p>
        <p id="product"><span class="bold-title">{{ __('translate.product') }} :</span>&nbsp;</p>
        <p id="detail"><span class="bold-title">{{ __('translate.detail') }} :</span>&nbsp;</p>
        {{-- <p id="company_name"><span class="bold-title">{{ __('translate.company_name') }}</span>&nbsp;</p> --}}
        {{-- <p id="number">{{ __('translate.number') }}</p> --}}
        <p id="manufacture_date"><span class="bold-title">{{ __('translate.manufacture_date') }} :</span>&nbsp;</p>
        <p id="expiry"><span class="bold-title">{{ __('translate.expiry') }} :</span>&nbsp;</p>
        <p id="batch"><span class="bold-title">{{ __('translate.batch') }} :</span>&nbsp;</p>
        <img style="width: 10rem;" src="{{ asset('front/images/SebiumFoamingGel.png') }}" alt="SMC "/>
        {{-- <img style="width: 10rem;" src="{{ asset('front/images/sinaSlim.webp') }}" alt=" "/> --}}
    </div>

    <!-- Products User Guideline -->
    <div class="row">
        <div class="col text-center">
            <div class="mt-4" style="margin-top: 1rem;">
                <h3 style="color: #03045E;">
                    Products User Guideline <hr>
                </h3>


                <div class="row">
                    <div class="col" >

                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Sebium Foaming Gel : </span>
                                <a  href="https://drive.google.com/file/d/1p3E62Gxfa3_56WsV-DXAGbt2uR_5li9c/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Sebium Foaming Gel Video Link : </span>
                                <a class="textbox_link"
                                href="https://youtu.be/awavDsxJ8b4">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>


                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Sebium Hydra : </span>
                                <a target="_blank"  href="https://drive.google.com/file/d/1cD9dBmACWZLlLIisiAG626GA1C4VWoGD/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Sebium Hydra Video Link : </span>
                                <a target="_blank" class="textbox_link" href="https://youtu.be/wtJm8hoSPr0">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>


                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Photoderm Aquafluide SPF50 : </span>
                                <a  target="_blank" href="https://drive.google.com/file/d/1iJVIymYZFcxpoDtiKVr10XbH8TyLAHal/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Photoderm Aquafluide SPF50 : </span>
                                <a target="_blank" class="textbox_link" href="https://youtube.com/shorts/H3cv4Lc3cR4?feature=share">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>



                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Atoderm Cream : </span>
                                <a  target="_blank" href="https://drive.google.com/file/d/178oGAtM1Of9tZgdY78r8aVTIxAgDLLQU/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Atoderm Cream Video Link : </span>
                                <a  target="_blank" class="textbox_link" href="https://youtu.be/pKkUU1BjnoM">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>


                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Atoderm Intensive Balm : </span>
                                <a target="_blank" href="https://drive.google.com/file/d/1NGaoUeUb-LqznUERId_QWuoGpzPZxh0z/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Atoderm Intensive Balm Video Link : </span>
                                <a target="_blank" class="textbox_link" href="https://youtu.be/DcoW8dqjYkM">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>




    {{-- <div class="info">
        <p id="manufacture"><span class="bold-title">{{ __('translate.manufacture') }} :</span>&nbsp;</p>
        <p id="product"><span class="bold-title">{{ __('translate.product') }} :</span> &nbsp;</p>
        <p id="detail"><span class="bold-title">{{ __('translate.detail') }} :</span> &nbsp;</p>
        <p id="manufacture_date"><span class="bold-title">{{ __('translate.manufacture_date') }} :</span>&nbsp;</p>
        <p id="expiry"><span class="bold-title">{{ __('translate.expiry') }} :</span>&nbsp;</p>

    </div> --}}
</div>



{{-- ================================================= Verified ==================================================== --}}
<div class="response-box" id="verifiedDiv">

    <h6>{{trans('translate.verified_heading')}}</h6>

    {{-- <div class="info">
        <p id="verified_manufacture"><span class="bold-title">{{ __('translate.manufacture') }} :</span>&nbsp;</p>
        <p id="verified_product"><span class="bold-title">{{ __('translate.product') }} :</span> &nbsp;</p>
        <p id="verified_detail"><span class="bold-title">{{ __('translate.detail') }} :</span> &nbsp;</p>
        <p id="verified_manufacture_date"><span class="bold-title">{{ __('translate.manufacture_date') }} :</span>&nbsp;</p>
        <p id="verified_expiry"><span class="bold-title">{{ __('translate.expiry') }} :</span>&nbsp;</p>

    </div> --}}

    <div class="warning">
        <p>{{ trans('translate.warning') }}</p>
        <img src="{{ asset('front/images/warning.svg') }}">
    </div>

    <div class="info">
        <p id="verified_manufacture"><span class="bold-title">{{ __('translate.manufacture') }} :</span>&nbsp;</p>
        <p id="verified_product"><span class="bold-title">{{ __('translate.product') }} :</span>&nbsp;</p>
        <p id="verified_detail"><span class="bold-title">{{ __('translate.detail') }} :</span>&nbsp;</p>
        {{-- <p id="company_name"><span class="bold-title">{{ __('translate.company_name') }} </span>&nbsp;</p> --}}
        <p id="verified_preNumber"><span class="bold-title">{{ __('translate.previous_number') }} :</span>&nbsp;</p>
        <p id="verified_preDate"><span class="bold-title">{{ __('translate.previous_date') }} :</span>&nbsp;</p>
        <p id="verified_totalCount"><span class="bold-title">{{ __('translate.total_count') }} :</span>&nbsp;</p>
        <p id="verified_manufacture_date"><span class="bold-title">{{ __('translate.manufacture_date') }} :</span>&nbsp;</p>
        <p id="verified_expiry"><span class="bold-title">{{ __('translate.expiry') }} :</span>&nbsp;</p>
        <p id="verified_batch"><span class="bold-title">{{ __('translate.batch') }} :</span>&nbsp;</p>
        {{-- <p id="number" class="bold-title">{{ __('translate.complain_number') }}</p> --}}
        <img style="width: 10rem;" src="{{ asset('front/images/SebiumFoamingGel.png') }}" alt="SMC "/>
        {{-- <img style="width: 10rem;" src="{{ asset('front/images/sinaSlim.webp') }}" alt=" "/> --}}
        {{-- <p id="detail">{{ __('translate.detail') }}</p> --}}
    </div>

    <!-- Products User Guideline -->
    <div class="row">
        <div class="col text-center">
            <div class="mt-4" style="margin-top: 1rem;">
                <h3 style="color: #03045E;">
                    Products User Guideline <hr>
                </h3>


                <div class="row">
                    <div class="col" >

                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Sebium Foaming Gel : </span>
                                <a  href="https://drive.google.com/file/d/1p3E62Gxfa3_56WsV-DXAGbt2uR_5li9c/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Sebium Foaming Gel Video Link : </span>
                                <a class="textbox_link"
                                href="https://youtu.be/awavDsxJ8b4">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>


                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Sebium Hydra : </span>
                                <a target="_blank"  href="https://drive.google.com/file/d/1cD9dBmACWZLlLIisiAG626GA1C4VWoGD/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Sebium Hydra Video Link : </span>
                                <a target="_blank" class="textbox_link" href="https://youtu.be/wtJm8hoSPr0">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>


                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Photoderm Aquafluide SPF50 : </span>
                                <a  target="_blank" href="https://drive.google.com/file/d/1iJVIymYZFcxpoDtiKVr10XbH8TyLAHal/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Photoderm Aquafluide SPF50 : </span>
                                <a target="_blank" class="textbox_link" href="https://youtube.com/shorts/H3cv4Lc3cR4?feature=share">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>



                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Atoderm Cream : </span>
                                <a  target="_blank" href="https://drive.google.com/file/d/178oGAtM1Of9tZgdY78r8aVTIxAgDLLQU/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Atoderm Cream Video Link : </span>
                                <a  target="_blank" class="textbox_link" href="https://youtu.be/pKkUU1BjnoM">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>


                        <div class="textbox">
                            <div>
                                <span class="textbox_title">Atoderm Intensive Balm : </span>
                                <a target="_blank" href="https://drive.google.com/file/d/1NGaoUeUb-LqznUERId_QWuoGpzPZxh0z/view?usp=sharing">
                                    <span class="textbox_link">Guideline PDF</span>
                                    <img class="textbox_icon"  src="https://icon-library.com/images/external-link-icon-png/external-link-icon-png-28.jpg" alt="">
                                </a>
                            </div>
                            <div>
                                <span class="textbox_title">Atoderm Intensive Balm Video Link : </span>
                                <a target="_blank" class="textbox_link" href="https://youtu.be/DcoW8dqjYkM">
                                    Click here
                                    <img class="textbox_icon2" src="https://w7.pngwing.com/pngs/1009/93/png-transparent-youtube-computer-icons-logo-youtube-angle-social-media-share-icon.png" alt="">
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


</div>



{{-- ================================================= Expired ==================================================== --}}
<div class="response-box" id="ErrorDiv">
    {{-- <span>
        <img class="img-2"src="{{ asset('front/images/warning.svg') }}" alt="Panacea Live" />
        <p class="bold-title">{{ __('translate.expired_warning') }}</p>
    </span> --}}
    <h6>{{trans('translate.expired_heading')}}</h6>
    <div class="info">
        <p id="expired_manufacture"><span class="bold-title">{{ __('translate.manufacture') }} :</span>&nbsp;</p>
        <p id="expired_product"><span class="bold-title">{{ __('translate.product') }} :</span> &nbsp;</p>
        <p id="expired_detail"><span class="bold-title">{{ __('translate.detail') }} :</span> &nbsp;</p>
        <p id="expired_expiry"><span class="bold-title">{{ __('translate.expiry') }} :</span>&nbsp;</p>
        {{-- <p id="company_name"><span class="bold-title">{{ __('translate.company_name') }} </span>&nbsp;</p> --}}
    </div>

    <div class="warning">
        <p>{{ trans('translate.expired_warning') }}</p>
        <img src="{{ asset('front/images/warning.svg') }}">
    </div>

</div>




{{-- ================================================= CodeNull ==================================================== --}}
<div class="error none" id="CodeNull">
    <p>{{ __('translate.code-error-null') }}</p>
</div>


{{-- ================================================= CodeWrong ==================================================== --}}
<div class="error none" id="CodeWrong">
    <p>{{ __('translate.code-error') }}
        {{-- <br>
        {{ __('translate.company_name') }}
        <br>
        {{ __('translate.complain_number') }} --}}
    </p>
</div>


{{-- <p id="CodeNull" class="error none">{{ __('translate.code-error-null') }}</p> --}}
{{-- <p id="CodeWrong" class="error none">{{ __('translate.code-error') }}</p>  --}}