// SPDX-License-Identifier: UNLICENSED
pragma solidity ^0.8.20;

import "@openzeppelin/contracts/access/Ownable.sol";   
import "@openzeppelin/contracts/access/AccessControl.sol";
import "@openzeppelin/contracts/utils/Strings.sol";
import "@openzeppelin/contracts/utils/Base64.sol";
import "./BokkyPooBahsDateTimeLibrary.sol";

import "./TixSellLibraries.sol";
contract NftTemplateContractDesignTwoContract  is Ownable,AccessControl {
   bytes32 public constant ADMIN_ROLE = keccak256("ADMIN_ROLE");
   
   using Strings for uint256; 
    // Mappings
    modifier onlyFounders() {
        require(
           hasRole(ADMIN_ROLE, msg.sender), "Only founders can do that"
        );
        _;
    }

    modifier onlyAdmin() {
         require(msg.sender == owner() || hasRole(ADMIN_ROLE, msg.sender), "Only admins can do that");
        _;
    }
   
   constructor(address initialOwner,
        address[] memory _admins)  Ownable(initialOwner)  {
        
        for (uint256 i = 0; i < _admins.length; ++i) {
         
            _grantRole(ADMIN_ROLE, _admins[i]);
             _grantRole(DEFAULT_ADMIN_ROLE, _admins[i]);
        }
        
    }
    
    function buildImage(address _nftTixSellSmartContract, TixSellLibrary.NftTicketInfo memory _nftTicketInfo)
     external view   returns (string memory){
        //Infos clés
        // Event name
        // Event date and hour
        // Nom Lieu (voir si on met plan google map)
        // Ville
        // Nom du billet
        // Prix
        //Categorie
        // Id token 

        // require que celui a l'orgine de la transaction soit _nftTixSellSmartContract (pour pas se fabriquer des billets en externe)
         require(msg.sender==_nftTixSellSmartContract || hasRole(ADMIN_ROLE, msg.sender),"Not authorized");
    // convert date/hour in string 
            string memory anneeToDisplay='';
            string memory moisToDisplay= '';
            string memory jourToDisplay= '';
            string memory heureToDisplay= '';   
            string memory minuteToDisplay= '';
            
            if (_nftTicketInfo.eventDate>0){
                (uint annee,uint mois,uint jour,uint heure,uint minute,) = BokkyPooBahsDateTimeLibrary.timestampToDateTime(_nftTicketInfo.eventDate);
                        anneeToDisplay = annee.toString();
                        moisToDisplay = mois.toString();
                        if (bytes(moisToDisplay).length==1){
                        moisToDisplay =  string.concat("0",moisToDisplay);
                        }
                        jourToDisplay = jour.toString();
                        if (bytes(jourToDisplay).length==1){
                        jourToDisplay =  string.concat("0",jourToDisplay);
                        }
                        heureToDisplay = heure.toString();
                        if (bytes(heureToDisplay).length==1){
                        heureToDisplay =  string.concat("0",heureToDisplay);
                        }
                        minuteToDisplay = minute.toString();
                        if (bytes(minuteToDisplay).length==1){
                        minuteToDisplay =  string.concat("0",minuteToDisplay);
                        }
            }
        return
            Base64.encode(
                bytes(
                    abi.encodePacked(
                         '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"   viewBox="0 0 520 520">',
                        '<style>@import url(',_nftTicketInfo.ticketDesignInfo.fontUrl,')</style>',
                            '<defs>',
                            '<linearGradient id="gradsquare" x1="0%" y1="0%" x2="100%" y2="0%">',
                            '<stop offset="0%" style="stop-color:',_nftTicketInfo.ticketDesignInfo.gradient1Color,';stop-opacity:1" />',
                            '<stop offset="100%" style="stop-color:',_nftTicketInfo.ticketDesignInfo.gradient2Color,';stop-opacity:1" />',
                            '</linearGradient>',
                            '<pattern id="patternsquare" preserveAspectRatio="xMidYMid slice" width="100%" height="100%" viewBox="0 0 3840 2160">',
                            '<rect  width="3840" height="2160" rx="40" stroke="none" fill="url(#gradsquare)" transform="matrix(1, 0, 0, 1, 0, 0)"/>'
                            '</pattern>',
                             '<filter id="degrade_Selltix_sq" x="0" y="0" width="520" height="520" filterUnits="userSpaceOnUse">',
                            '<feOffset input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="10" result="blur"/>',
                            '<feFlood flood-opacity="0.129"/>',
                            '<feComposite operator="in" in2="blur"/>',
                            '<feComposite in="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_452" x="67.5" y="391.5" width="386" height="87" filterUnits="userSpaceOnUse">',
                            '<feOffset input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="2.5" result="blur-2"/>',
                            '<feFlood flood-opacity="0.302"/>',
                            '<feComposite operator="in" in2="blur-2"/>',
                            '<feComposite in="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_453" x="110.165" y="49.5" width="299.67" height="133" filterUnits="userSpaceOnUse">',
                            '<feOffset input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="2.5" result="blur-3"/>',
                            '<feFlood flood-opacity="0.302"/>',
                            '<feComposite operator="in" in2="blur-3"/>',
                            '<feComposite in="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Digital_Art_Exhibition">',
                            '<feOffset input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="1" result="blur-4"/>',
                            '<feFlood flood-opacity="0" result="color"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-4"/>',
                            '<feComposite operator="in" in="color"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="online_event" x="179" y="165" width="162" height="54" filterUnits="userSpaceOnUse">',
                            '<feOffset input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="5" result="blur-5"/>',
                            '<feFlood flood-opacity="0.161"/>',
                            '<feComposite operator="in" in2="blur-5"/>',
                            '<feComposite in="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_46" x="475.128" y="131" width="14.872" height="20.279" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-6"/>',
                            '<feFlood flood-opacity="0.161" result="color-2"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-6"/>',
                            '<feComposite operator="in" in="color-2"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_47" x="475.128" y="160.293" width="14.872" height="20.279" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-7"/>',
                            '<feFlood flood-opacity="0.161" result="color-3"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-7"/>',
                            '<feComposite operator="in" in="color-3"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_48" x="475.128" y="189.585" width="14.872" height="22.533" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-8"/>',
                            '<feFlood flood-opacity="0.161" result="color-4"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-8"/>',
                            '<feComposite operator="in" in="color-4"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_49" x="475.128" y="221.131" width="14.872" height="20.279" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-9"/>',
                            '<feFlood flood-opacity="0.161" result="color-5"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-9"/>',
                            '<feComposite operator="in" in="color-5"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_50" x="475.128" y="250.424" width="14.872" height="20.279" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-10"/>',
                            '<feFlood flood-opacity="0.161" result="color-6"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-10"/>',
                            '<feComposite operator="in" in="color-6"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_51" x="475.128" y="279.716" width="14.872" height="20.279" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-11"/>',
                            '<feFlood flood-opacity="0.161" result="color-7"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-11"/>',
                            '<feComposite operator="in" in="color-7"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_52" x="475.128" y="309.009" width="14.872" height="21.406" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-12"/>',
                            '<feFlood flood-opacity="0.161" result="color-8"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-12"/>',
                            '<feComposite operator="in" in="color-8"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_53" x="475.128" y="339.428" width="14.872" height="20.279" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-13"/>',
                            '<feFlood flood-opacity="0.161" result="color-9"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-13"/>',
                            '<feComposite operator="in" in="color-9"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="Rectangle_54" x="475.128" y="368.721" width="14.872" height="20.279" filterUnits="userSpaceOnUse">',
                            '<feOffset dy="3" input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="3" result="blur-14"/>',
                            '<feFlood flood-opacity="0.161" result="color-10"/>',
                            '<feComposite operator="out" in="SourceGraphic" in2="blur-14"/>',
                            '<feComposite operator="in" in="color-10"/>',
                            '<feComposite operator="in" in2="SourceGraphic"/>',
                            '</filter>',
                            '<filter id="BASIC" x="216" y="356" width="88" height="36" filterUnits="userSpaceOnUse">',
                            '<feOffset input="SourceAlpha"/>',
                            '<feGaussianBlur stdDeviation="1" result="blur-15"/>',
                            '<feFlood flood-opacity="0.161"/>',
                            '<feComposite operator="in" in2="blur-15"/>',
                            '<feComposite in="SourceGraphic"/>',
                            '</filter>',
                            '</defs>',
                            '<g id="Groupe_204" data-name="Groupe 204" transform="translate(-195 -596)">',
                            '<g transform="matrix(1, 0, 0, 1, 195, 596)" filter="url(#degrade_Selltix_sq)">',
                            '<g id="degrade_Selltix_sq-2" data-name="degrade Selltix" transform="translate(30 30)" stroke="#fff" stroke-width="5" fill="url(#patternsquare)">',
                                '<rect width="460" height="460" rx="80" stroke="none"/>',
                                '<rect x="2.5" y="2.5" width="455" height="455" rx="77.5" fill="none"/>',
                            '</g>',
                            '</g>',
                            '<g transform="matrix(1, 0, 0, 1, 195, 596)" filter="url(#Rectangle_452)">',
                            '<g id="Rectangle_452-2" data-name="Rectangle 452" transform="translate(446 399) rotate(90)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" opacity="0.3">',
                                '<rect width="72" height="371" rx="36" stroke="none"/>',
                                '<rect x="1" y="1" width="70" height="369" rx="35" fill="none"/>',
                            '</g>',
                            '</g>',
                             '<text id="date._09.07.2023_time._1.00_PM_location._Zurich_Salle_de_l_opera" data-name="date.           09.07.2023',
                            'time.           1.00 PM',
                            'location.    Zurich, Salle de l&apos;opera" transform="translate(302 1018)" fill="rgba(255,255,255,0.95)" font-size="15" font-family="Montserrat-Bold, Montserrat" font-weight="700"><tspan x="0" y="0">date</tspan>',
                            '<tspan y="0" font-family="Montserrat-ExtraBold, Montserrat" font-weight="800">.</tspan>',
                            '<tspan y="0" xml:space="preserve" font-family="Montserrat-Regular, Montserrat" font-weight="400">           ',jourToDisplay,'.',moisToDisplay,'.',anneeToDisplay,'</tspan>',
                            '<tspan x="0" y="19">time</tspan>',
                            '<tspan y="19" font-family="Montserrat-ExtraBold, Montserrat" font-weight="800">.</tspan>',
                            '<tspan y="19" xml:space="preserve" font-family="Montserrat-Regular, Montserrat" font-weight="400">           ',heureToDisplay,':',minuteToDisplay,' GMT ',_nftTicketInfo.ticketDesignInfo.heureDisplay,' </tspan>',
                            '<tspan x="0" y="38">location</tspan><tspan y="38" font-family="Montserrat-ExtraBold, Montserrat" font-weight="800">.</tspan>',
                            '<tspan y="38" xml:space="preserve" font-family="Montserrat-Regular, Montserrat" font-weight="400">    ',_nftTicketInfo.ticketDesignInfo.venue,'</tspan></text>',
                            '<g transform="matrix(1, 0, 0, 1, 195, 596)" filter="url(#Rectangle_453)">',
                            '<g id="Rectangle_453-2" data-name="Rectangle 453" transform="translate(402.34 57) rotate(90)" stroke="#fff" stroke-width="2" opacity="0.3">',
                                '<rect width="118" height="284.67" rx="35" stroke="none"/>',
                                '<rect x="1" y="1" width="116" height="282.67" rx="34" fill="none"/>',
                            '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                            '<text id="Digital_Art_Exhibition-2" data-name="Digital ArtExhibition" transform="translate(345.335 692.5)" fill="',_nftTicketInfo.ticketDesignInfo.eventColor,'" font-size="',_nftTicketInfo.ticketDesignInfo.eventTitleFont,'" font-family="Montserrat-Bold, Montserrat" font-weight="700"><tspan x="0" y="0">',_nftTicketInfo.ticketDesignInfo.eventTitleOne,'</tspan><tspan x="0" y="27">',_nftTicketInfo.ticketDesignInfo.eventTitleTwo,'</tspan></text>',
                            '</g>',
                            '<text id="Price_:_15.-" data-name="Price : 15.-" transform="translate(345.335 748.5)" fill="',_nftTicketInfo.ticketDesignInfo.priceColor,'" font-size="',_nftTicketInfo.ticketDesignInfo.priceFont,'" font-family="Montserrat-Regular, Montserrat"><tspan x="0" y="0">',_nftTicketInfo.ticketDesignInfo.price,'</tspan></text>',
                            '<g transform="matrix(1, 0, 0, 1, 195, 596)" filter="url(#online_event)">',
                            '<text id="online_event-2" data-name="online event" transform="translate(260 199)" fill="" font-size="" font-family="Montserrat-Bold, Montserrat" font-weight="700"><tspan x="-65.18" y="0"></tspan></text>',
                            '</g>',
                            '<g id="Groupe_199" data-name="Groupe 199" transform="translate(-645.125 259)">',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_46-2" data-name="Rectangle 46" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(1315.253 488.279) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_46)">',
                                '<path id="Rectangle_46-3" data-name="Rectangle 46" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(475.13 151.28) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_47-2" data-name="Rectangle 47" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(1315.253 517.572) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_47)">',
                                '<path id="Rectangle_47-3" data-name="Rectangle 47" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(475.13 180.57) rotate(-90)" fill="#fff"/>',
                                '</g>',
                           '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_48-2" data-name="Rectangle 48" d="M11.266,0h0A11.266,11.266,0,0,1,22.533,11.266v3.606a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V11.266A11.266,11.266,0,0,1,11.266,0Z" transform="translate(1315.253 549.118) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_48)">',
                                '<path id="Rectangle_48-3" data-name="Rectangle 48" d="M11.266,0h0A11.266,11.266,0,0,1,22.533,11.266v3.606a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V11.266A11.266,11.266,0,0,1,11.266,0Z" transform="translate(475.13 212.12) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_49-2" data-name="Rectangle 49" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(1315.253 578.41) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_49)">',
                                '<path id="Rectangle_49-3" data-name="Rectangle 49" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(475.13 241.41) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_50-2" data-name="Rectangle 50" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(1315.253 607.703) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_50)">',
                                '<path id="Rectangle_50-3" data-name="Rectangle 50" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(475.13 270.7) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_51-2" data-name="Rectangle 51" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(1315.253 636.996) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_51)">',
                                '<path id="Rectangle_51-3" data-name="Rectangle 51" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(475.13 300) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_52-2" data-name="Rectangle 52" d="M10.7,0h0a10.7,10.7,0,0,1,10.7,10.7v4.169a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.7A10.7,10.7,0,0,1,10.7,0Z" transform="translate(1315.253 667.415) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_52)">',
                                '<path id="Rectangle_52-3" data-name="Rectangle 52" d="M10.7,0h0a10.7,10.7,0,0,1,10.7,10.7v4.169a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.7A10.7,10.7,0,0,1,10.7,0Z" transform="translate(475.13 330.41) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_53-2" data-name="Rectangle 53" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(1315.253 696.707) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_53)">',
                                '<path id="Rectangle_53-3" data-name="Rectangle 53" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(475.13 359.71) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '<g data-type="innerShadowGroup">',
                                '<path id="Rectangle_54-2" data-name="Rectangle 54" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(1315.253 726) rotate(-90)" fill="#fff"/>',
                                '<g transform="matrix(1, 0, 0, 1, 840.12, 337)" filter="url(#Rectangle_54)">',
                                '<path id="Rectangle_54-3" data-name="Rectangle 54" d="M10.14,0h0a10.14,10.14,0,0,1,10.14,10.14v4.732a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10.14A10.14,10.14,0,0,1,10.14,0Z" transform="translate(475.13 389) rotate(-90)" fill="#fff"/>',
                                '</g>',
                            '</g>',
                            '</g>',
                            '<text fill="',_nftTicketInfo.ticketDesignInfo.ticketTypeColor,'" font-size="',_nftTicketInfo.ticketDesignInfo.ticketTypeFont,'" font-family="Montserrat-Bold, Montserrat"   font-weight="700" x="45" y="849" transform="matrix(0.86, 0, 0, 1, 349.02063, 131)">',_nftTicketInfo.ticketDesignInfo.ticketType,'</text>',
                            '</g>',
                        '</svg>'
                    )
                )
            );
       
    }
 
  function weiToEtherString(uint256 amountInWei)
        internal
        pure
        returns (string memory)
    {
       
        uint256 amountInFinney = amountInWei / 1e15; // 1 finney == 1e15
       
        return
            string(
                abi.encodePacked(
                    Strings.toString(amountInFinney / 1000), //left of decimal
                    ".",
                    Strings.toString((amountInFinney % 1000) / 100), //first decimal
                    Strings.toString(((amountInFinney % 1000) % 100) / 10) // first decimal
                )
            );
    }

    function addressToString(address x) internal pure returns (string memory) {
        bytes memory s = new bytes(40);
        for (uint256 i = 0; i < 20; i++) {
            bytes1 b = bytes1(uint8(uint256(uint160(x)) / (2**(8 * (19 - i)))));
            bytes1 hi = bytes1(uint8(b) / 16);
            bytes1 lo = bytes1(uint8(b) - 16 * uint8(hi));
            s[2 * i] = char(hi);
            s[2 * i + 1] = char(lo);
        }
        return string(s);
    }

    function char(bytes1 b) internal pure returns (bytes1 c) {
        if (uint8(b) < 10) return bytes1(uint8(b) + 0x30);
        else return bytes1(uint8(b) + 0x57);
    }      
}