@php($manual = $moto->manuals->first())
<div 
class="bg-[image:var(--brand-gradient-2)] md:flex flex-col md:w-1/2">
  <div class="relative">
    <img src="{{asset('images/manual.png')}}" class="w-full" alt="manual">
    <div class="absolute inset-0 bg-gradient-to-t from-brand-dark to-transparent z-10"></div>
  </div>
  <div class="p-10 flex-1 flex flex-col items-center justify-center">
    <h1 class="md:text-3xl text-xl tracking-wider mb-7 text-center">
      {{$manual->title}}
    </h1>
    <a target="_blank" class="text-xl p-10 flex items-center justify-center gap-4 py-5 border transition-colors hover:bg-white/10 border-white" href="{{$manual->path}}">
      <svg width="25" viewBox="0 0 38 46" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clip-path="url(#clip0_114_1222)">
        <path d="M10.412 32.1342C10.3078 32.1784 10.2003 32.2027 10.0889 32.2066C9.97744 32.211 9.86208 32.195 9.7428 32.1585C9.62352 32.1221 9.50032 32.0652 9.37376 31.988C9.24664 31.9101 9.11616 31.8124 8.98176 31.6937C8.84736 31.5745 8.73368 31.4553 8.64072 31.3383C8.54776 31.2201 8.47608 31.1037 8.42568 30.9883C8.37528 30.8729 8.34672 30.7592 8.34 30.6477C8.33328 30.5356 8.3484 30.4258 8.38536 30.3176C8.46432 30.0885 8.64016 29.8401 8.90112 29.579C9.1604 29.3196 9.50368 29.0497 9.91752 28.7764C10.3291 28.5054 10.809 28.2322 11.345 27.965C11.8758 27.7 12.4605 27.4422 13.0854 27.1977C13.1039 27.1905 13.1218 27.1839 13.1398 27.1767C13.1577 27.1696 13.1756 27.1629 13.193 27.1563C13.2109 27.1497 13.2282 27.1425 13.2456 27.1359C13.263 27.1293 13.2803 27.1226 13.2977 27.116L13.2742 27.1817L13.3458 27.1535C13.1678 27.6824 12.9622 28.2288 12.7382 28.7582C12.5142 29.2876 12.2706 29.8004 12.0158 30.2613C11.7605 30.7228 11.495 31.1329 11.2251 31.4564C10.9569 31.781 10.6825 32.0194 10.412 32.1342ZM26.6156 25.2342C26.4179 25.3187 26.1928 25.311 25.9503 25.232C25.7073 25.1525 25.4463 25.0018 25.1803 24.8015C24.9121 24.5989 24.6388 24.345 24.3728 24.0629C24.1046 23.7781 23.8436 23.464 23.6039 23.1444L23.6622 23.1212L23.6314 23.0825C23.6448 23.077 23.6594 23.071 23.6734 23.0654C23.6879 23.0599 23.7025 23.0538 23.7165 23.0483C23.7305 23.0422 23.745 23.0367 23.7596 23.0312C23.7742 23.0257 23.7887 23.0196 23.8038 23.0141C24.305 22.8187 24.7693 22.663 25.1893 22.5493C25.6054 22.4362 25.9778 22.3633 26.2992 22.3307C26.6178 22.2982 26.8872 22.3059 27.0994 22.3534C27.31 22.4003 27.464 22.4869 27.5542 22.615C27.5967 22.6746 27.6258 22.7486 27.6421 22.8369C27.6578 22.9252 27.6611 23.0279 27.6516 23.1449C27.6415 23.2608 27.6191 23.3917 27.5838 23.5357C27.548 23.6798 27.4998 23.8382 27.4377 24.0099C27.3766 24.1816 27.3122 24.3356 27.2478 24.4725C27.1823 24.6094 27.1157 24.7292 27.0468 24.8313C26.9785 24.934 26.9079 25.019 26.8357 25.0858C26.7646 25.1525 26.6912 25.2022 26.6156 25.2342ZM15.6726 24.6635L17.8858 18.3276L21.2704 22.5587L15.6726 24.6635ZM17.4518 15.1807C17.1449 14.7937 16.838 14.3703 16.5546 13.9331C16.2679 13.4904 16.0058 13.035 15.7925 12.589C15.5774 12.1397 15.4122 11.702 15.3232 11.3018C15.2336 10.8994 15.2207 10.5367 15.3103 10.2414C15.3456 10.1249 15.4022 10.0162 15.4806 9.91624C15.559 9.81578 15.6575 9.7247 15.7779 9.6419C15.8978 9.55965 16.0389 9.48568 16.1996 9.4211C16.3603 9.35651 16.5406 9.30131 16.7406 9.25495C16.9394 9.20913 17.1214 9.18043 17.2854 9.16939C17.449 9.15835 17.5951 9.16552 17.7239 9.18926C17.8522 9.21244 17.9636 9.25329 18.0571 9.31125C18.1506 9.36866 18.2274 9.44373 18.2856 9.53536C18.434 9.76555 18.5074 10.1012 18.5214 10.5085C18.5365 10.9137 18.4928 11.3906 18.4077 11.9045C18.3231 12.4168 18.1954 12.9666 18.0426 13.5208C17.8902 14.0734 17.711 14.6314 17.5212 15.1602L17.4786 15.105L17.4518 15.1807ZM16.5166 7.47419C16.0635 7.57079 15.6794 7.70935 15.354 7.8766C15.027 8.04441 14.7593 8.24037 14.542 8.44958C14.3242 8.65934 14.1567 8.8829 14.0279 9.1048C13.8991 9.3267 13.8101 9.54751 13.7479 9.7523C13.6426 10.1028 13.5962 10.4787 13.6085 10.8795C13.6202 11.2786 13.6897 11.7009 13.8157 12.1447C13.9411 12.5852 14.122 13.045 14.3578 13.523C14.5913 13.9961 14.878 14.4857 15.2157 14.9897C15.3674 15.2165 15.5209 15.4324 15.671 15.6355C15.8205 15.8375 15.9666 16.0269 16.105 16.2002C16.2433 16.3724 16.3732 16.5303 16.4925 16.67C16.6106 16.8091 16.717 16.9305 16.8083 17.0321L13.9361 25.2856C13.8661 25.3082 13.7905 25.3336 13.7087 25.3612C13.627 25.3882 13.5402 25.4181 13.4478 25.4501C13.3554 25.4821 13.2574 25.5169 13.1554 25.5533C13.0524 25.5903 12.946 25.6295 12.8351 25.6714C12.0013 25.9844 11.2419 26.3134 10.561 26.6584C9.87272 27.0067 9.26792 27.3694 8.7516 27.7447C8.2308 28.1229 7.80072 28.5115 7.46528 28.91C7.12872 29.3102 6.88848 29.7176 6.74624 30.131C6.65272 30.4032 6.60288 30.6709 6.59672 30.9309C6.59056 31.1909 6.62808 31.4442 6.70816 31.6893C6.7888 31.9339 6.91144 32.1707 7.07608 32.3986C7.24016 32.625 7.44512 32.843 7.69096 33.0511C7.93512 33.2581 8.18096 33.4232 8.42904 33.5479C8.67544 33.6716 8.92464 33.7555 9.17496 33.7991C9.4236 33.8427 9.67504 33.8471 9.9276 33.8118C10.179 33.7775 10.4322 33.7041 10.6864 33.5921C11.0022 33.453 11.3102 33.2548 11.6104 32.9998C11.9089 32.7448 12.2006 32.4334 12.4846 32.0647C12.7674 31.6965 13.0429 31.2709 13.3117 30.789C13.5799 30.3082 13.8409 29.7695 14.0946 29.1739C14.2099 28.9034 14.3169 28.6368 14.4154 28.3801C14.5146 28.1234 14.6047 27.8756 14.6859 27.6437C14.7671 27.4119 14.8399 27.1949 14.9038 26.999C14.967 26.8036 15.0214 26.6291 15.0662 26.4812L22.1541 23.7096C22.2207 23.8051 22.3008 23.9161 22.3926 24.0386C22.4845 24.1606 22.5875 24.2936 22.699 24.4338C22.8115 24.5729 22.933 24.7181 23.0618 24.865C23.1906 25.0112 23.3278 25.1586 23.4701 25.3038C23.7826 25.6201 24.0844 25.8812 24.3762 26.0887C24.6657 26.2935 24.9451 26.4459 25.215 26.5469C25.4833 26.6463 25.7426 26.6948 25.9934 26.6926C26.2421 26.6904 26.4823 26.6385 26.7142 26.5364C26.899 26.4558 27.0742 26.346 27.2394 26.2091C27.4041 26.0727 27.5598 25.9088 27.7054 25.7183C27.8515 25.5274 27.987 25.3099 28.1136 25.0648C28.2407 24.8197 28.3578 24.5476 28.4653 24.2484C28.5728 23.9492 28.6546 23.6677 28.71 23.406C28.766 23.1433 28.7951 22.8998 28.799 22.6746C28.803 22.4494 28.78 22.2424 28.7313 22.0547C28.6826 21.8665 28.6064 21.697 28.5045 21.5474C28.3482 21.3189 28.1338 21.1478 27.8616 21.033C27.5861 20.9176 27.2512 20.8607 26.8553 20.8607C26.456 20.8618 25.9934 20.9226 25.4682 21.044C24.9362 21.1671 24.3381 21.3526 23.6739 21.6021C23.5843 21.6363 23.4975 21.6694 23.4141 21.702C23.3306 21.7351 23.2506 21.7666 23.1744 21.7975C23.0988 21.8284 23.0266 21.8582 22.9594 21.8864C22.8922 21.9145 22.8294 21.9416 22.7718 21.9664L18.5522 16.4972C18.6104 16.3526 18.677 16.1814 18.7493 15.9882C18.8215 15.795 18.9005 15.5798 18.9811 15.3479C19.0618 15.1155 19.1452 14.866 19.2275 14.6044C19.3104 14.3427 19.3933 14.0684 19.4717 13.7874C19.6442 13.1664 19.7752 12.5896 19.8648 12.0563C19.9538 11.522 20.002 11.0307 20.0076 10.5842C20.0138 10.1359 19.9762 9.73132 19.8973 9.37252C19.8166 9.01151 19.694 8.69632 19.5266 8.42695C19.428 8.26852 19.3031 8.10679 19.1418 7.9594C18.9811 7.81091 18.7851 7.67623 18.5471 7.573C18.3069 7.46923 18.0241 7.39691 17.6903 7.37373C17.3532 7.3511 16.9646 7.37815 16.5166 7.47419Z" fill="white"/>
        <path d="M22.7745 33.6925C22.6121 33.5821 22.4066 33.5269 22.1568 33.5269H21.822V34.8185C21.8931 34.829 22.0045 34.8334 22.1568 34.8334C22.4217 34.8334 22.6306 34.7782 22.7857 34.6684C22.9403 34.5585 23.0181 34.3929 23.0181 34.1727C23.0187 33.9624 22.9369 33.8023 22.7745 33.6925Z" fill="white"/>
        <path d="M35.1304 30.2441V9.12067L25.882 0.00439453H4.20887C2.09711 0.00439453 0.379028 1.69738 0.379028 3.77897V42.6481C0.379028 44.7296 2.09655 46.4232 4.20887 46.4232H31.3005C33.4123 46.4232 35.1304 44.7302 35.1304 42.6481V39.8914H37.6991V30.2441H35.1304ZM32.5773 42.6481C32.5773 43.3419 32.0045 43.9061 31.3005 43.9061H4.20887C3.50495 43.9061 2.93207 43.3419 2.93207 42.6481V3.77897C2.93207 3.08511 3.50439 2.52096 4.20887 2.52096H24.5878V10.3958H32.5779V30.2441H17.132V39.8914H32.5779L32.5773 42.6481ZM30.4544 35.0288C30.4544 35.4196 30.3889 35.7745 30.2578 36.0936C30.1268 36.4127 29.9476 36.6865 29.7191 36.9139C29.4727 37.1645 29.1692 37.3599 28.8085 37.5001C28.4479 37.6403 28.0391 37.7104 27.5821 37.7104H25.2509V32.4234H27.5821C28.1942 32.4234 28.7145 32.542 29.144 32.7788C29.5729 33.0156 29.9028 33.3424 30.1346 33.7603C30.348 34.1456 30.4544 34.5684 30.4544 35.0288ZM24.5878 34.1726C24.5878 34.4205 24.5318 34.6446 24.4204 34.845C24.3089 35.0454 24.1611 35.217 23.9785 35.36C23.5266 35.7199 22.9168 35.9004 22.1496 35.9004H21.8225V37.7104H20.1386V32.4234H22.0734C22.9493 32.4234 23.6045 32.6022 24.0396 32.9604C24.4053 33.2629 24.5878 33.667 24.5878 34.1726ZM34.7837 33.5875H32.7649V34.654H34.6314V35.6305H32.7649V37.711H31.0889V32.4239H34.7843L34.7837 33.5875Z" fill="white"/>
        <path d="M28.0778 33.9105C27.9378 33.8404 27.7726 33.8057 27.5822 33.8057H26.9729V36.3283H27.5822C27.7216 36.3283 27.851 36.3057 27.9703 36.2593C28.0901 36.2129 28.192 36.1495 28.2771 36.0694C28.3623 35.9894 28.4339 35.9 28.4927 35.8011C28.5515 35.7023 28.598 35.5953 28.6333 35.4799C28.6792 35.3226 28.7022 35.1674 28.7022 35.0145C28.7022 34.7562 28.6451 34.5321 28.5325 34.34C28.4194 34.1485 28.2682 34.0055 28.0778 33.9105Z" fill="white"/>
        </g>
        <defs>
        <clipPath id="clip0_114_1222">
        <rect width="38" height="46" fill="white"/>
        </clipPath>
        </defs>
      </svg>

      Télécharger
    </a>
  </div>
</div>