@php
    use App\Models\System\System;
    $config = System::find(1);
@endphp
<footer class="footer">
    <ul class="social-icon">
        {{--
                {{ json_encode($config->toArray()) }}--}}
        <li class="social-icon__item">
            <a class="social-icon__link" href="{{ $config['url_instagram'] }}" rel="noreferrer">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50"
                     viewBox="0 0 48 48">
                    <radialGradient id="yOrnnhliCrdS2gy~4tD8ma_Xy10Jcu1L2Su_gr1" cx="19.38" cy="42.035"
                                    r="44.899" gradientUnits="userSpaceOnUse">
                        <stop offset="0" stop-color="#fd5"></stop>
                        <stop offset=".328" stop-color="#ff543f"></stop>
                        <stop offset=".348" stop-color="#fc5245"></stop>
                        <stop offset=".504" stop-color="#e64771"></stop>
                        <stop offset=".643" stop-color="#d53e91"></stop>
                        <stop offset=".761" stop-color="#cc39a4"></stop>
                        <stop offset=".841" stop-color="#c837ab"></stop>
                    </radialGradient>
                    <path fill="url(#yOrnnhliCrdS2gy~4tD8ma_Xy10Jcu1L2Su_gr1)"
                          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z"></path>
                    <radialGradient id="yOrnnhliCrdS2gy~4tD8mb_Xy10Jcu1L2Su_gr2" cx="11.786" cy="5.54"
                                    r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)"
                                    gradientUnits="userSpaceOnUse">
                        <stop offset="0" stop-color="#4168c9"></stop>
                        <stop offset=".999" stop-color="#4168c9" stop-opacity="0"></stop>
                    </radialGradient>
                    <path fill="url(#yOrnnhliCrdS2gy~4tD8mb_Xy10Jcu1L2Su_gr2)"
                          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z"></path>
                    <path fill="#fff"
                          d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z"></path>
                    <circle cx="31.5" cy="16.5" r="1.5" fill="#fff"></circle>
                    <path fill="#fff"
                          d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z"></path>
                </svg>
            </a>
        </li>
        <li class="social-icon__item">
            <a class="social-icon__link" href="{{ $config['url_facebook'] }}">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50"
                     viewBox="0 0 48 48">
                    <path fill="#039be5" d="M24 5A19 19 0 1 0 24 43A19 19 0 1 0 24 5Z"></path>
                    <path fill="#fff"
                          d="M26.572,29.036h4.917l0.772-4.995h-5.69v-2.73c0-2.075,0.678-3.915,2.619-3.915h3.119v-4.359c-0.548-0.074-1.707-0.236-3.897-0.236c-4.573,0-7.254,2.415-7.254,7.917v3.323h-4.701v4.995h4.701v13.729C22.089,42.905,23.032,43,24,43c0.875,0,1.729-0.08,2.572-0.194V29.036z"></path>
                </svg>
            </a>
        </li>
        <li class="social-icon__item">
            <a class="social-icon__link" rel="noreferrer" href="{{ $config['url_twitter'] }}">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50"
                     viewBox="0 0 48 48">
                    <linearGradient id="_osn9zIN2f6RhTsY8WhY4a_5MQ0gPAYYx7a_gr1" x1="10.341" x2="40.798"
                                    y1="8.312" y2="38.769" gradientUnits="userSpaceOnUse">
                        <stop offset="0" stop-color="#2aa4f4"></stop>
                        <stop offset="1" stop-color="#007ad9"></stop>
                    </linearGradient>
                    <path fill="url(#_osn9zIN2f6RhTsY8WhY4a_5MQ0gPAYYx7a_gr1)"
                          d="M46.105,11.02c-1.551,0.687-3.219,1.145-4.979,1.362c1.789-1.062,3.166-2.756,3.812-4.758	c-1.674,0.981-3.529,1.702-5.502,2.082C37.86,8.036,35.612,7,33.122,7c-4.783,0-8.661,3.843-8.661,8.582	c0,0.671,0.079,1.324,0.226,1.958c-7.196-0.361-13.579-3.782-17.849-8.974c-0.75,1.269-1.172,2.754-1.172,4.322	c0,2.979,1.525,5.602,3.851,7.147c-1.42-0.043-2.756-0.438-3.926-1.072c0,0.026,0,0.064,0,0.101c0,4.163,2.986,7.63,6.944,8.419	c-0.723,0.198-1.488,0.308-2.276,0.308c-0.559,0-1.104-0.063-1.632-0.158c1.102,3.402,4.299,5.889,8.087,5.963	c-2.964,2.298-6.697,3.674-10.756,3.674c-0.701,0-1.387-0.04-2.065-0.122C7.73,39.577,12.283,41,17.171,41	c15.927,0,24.641-13.079,24.641-24.426c0-0.372-0.012-0.742-0.029-1.108C43.483,14.265,44.948,12.751,46.105,11.02"></path>
                </svg>
            </a></li>
        <li class="social-icon__item">
            <a class="social-icon__link" rel="noreferrer" href="{{ $config['url_web'] }}">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0,0,256,256">
                    <g fill="#209bc9" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
                       stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
                       font-family="none" font-weight="none" font-size="none" text-anchor="none"
                       style="mix-blend-mode: normal">
                        <g transform="scale(5.12,5.12)">
                            <path
                                d="M25,1.05078c-0.2175,0 -0.43414,0.06898 -0.61914,0.20898l-23,17.95117c-0.43,0.34 -0.50992,0.9682 -0.16992,1.4082c0.34,0.43 0.9682,0.50992 1.4082,0.16992l1.38086,-1.07812v26.28906c0,0.55 0.45,1 1,1h14v-18h12v18h14c0.55,0 1,-0.45 1,-1v-26.28906l1.38086,1.07812c0.19,0.14 0.39914,0.21094 0.61914,0.21094c0.3,0 0.58906,-0.13086 0.78906,-0.38086c0.34,-0.44 0.26008,-1.0682 -0.16992,-1.4082l-23,-17.95117c-0.185,-0.14 -0.40164,-0.20898 -0.61914,-0.20898zM35,5v1.05078l6,4.67969v-5.73047z"></path>
                        </g>
                    </g>
                </svg>
            </a></li>
    </ul>
    <p>© {{ date('Y') }}  @lang('All rights reserved.')</p>
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="800" height="800" viewBox="0,0,300,150">
            <g fill="#20c997" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
               stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
               font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                <g transform="scale(8,8)">
                    <path
                        d="M5,5c2.614,8.976 2.36248,13.18136 6.89648,16.69336c3.97003,3.02517 7.93949,2.23616 10.11133,1.91406l3.39063,3.39258h2l-3.98047,-3.98047c-0.025,-2.407 5.59203,-18.01953 -18.41797,-18.01953zM8.08398,7.00195c0.13542,0.01116 0.44962,0.12148 1.04688,0.39648c3.999,1.849 5.40764,4.59139 6.93164,7.40039c1.096,2.022 3.01805,5.10175 4.37305,6.09375c1.356,0.983 2.83689,1.70944 -0.28711,0.39844c-3.134,-1.311 -5.41764,-5.03161 -6.93164,-7.84961c-1.164,-2.162 -2.16294,-4.15328 -4.33594,-5.61328c0,0 -1.20314,-0.85964 -0.79687,-0.82617z"></path>
                </g>
            </g>
        </svg>
        RECUERDE NO IMPRIMIR SI NO ES NECESARIO
    </div>
    <p style="font-size: small; font-style: italic">
        ESTE CORREO ELECTRóNICO PUEDE CONTENER INFORMACIóN QUE ES CONFIDENCIAL Y QUE ESTá DIRIGIDA PARA SU(S)
        DESTINATARIO(S) úNICAMENTE. CUALQUIER USO, DIVULGACIóN, COPIADO, DISTRIBUCIóN O CUALQUIER ACCIóN TOMADA
        O DEJADA DE TOMAR POR TERCEROS EN BASE A SU CONTENDIDO ESTá PROHIBIDA Y PODRíA SER ILEGAL. SI USTED HA RECIBIDO
        ESTE MENSAJE POR ERROR, POR FAVOR AVíSENOS INMEDIATAMENTE POR ESTA MISMA VíA Y BORRE EL MENSAJE
        ORIGINAL AL IGUAL QUE CUALQUIER ADJUNTO QUE HAYA RECIBIDO. NO PODEMOS ACEPTAR RESPONSABILIDAD POR LA EXACTITUD
        DE ESTE MENSAJE NI PORQUE SE HALLE INCOMPLETO, YA QUE HA SIDO TRASMITIDO POR UNA RED PúBLICA,
        NI TAMPOCO POR LA TRANSMISIóN DE VIRUS DE LOS QUE PODRíAMOS NO ESTAR PROTEGIDOS.
    </p>
</footer>
<style>
    .footer {
        position: relative;
        width: 100%;
        background-color: #edf2f7;
        padding: 20px 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .social-icon,
    .social-icon__item,
    .social-icon__link {
        font-size: 2rem;
        color: #fff;
        margin: 0 10px;
        display: inline-block;
        transition: 0.5s;
    }

    .social-icon__link:hover {
        transform: translateY(-10px);
    }

    .footer p {
        margin: 15px 0 10px 0;
        font-size: 1rem;
        font-weight: 300;
    }
</style>