@extends('layout')
@section('content')
<main class="site-page">
   <div class="container-xxl">

      <section class="wrapper__heading__arte">
         <div class="wrapper__featured__articles">
            <p>
               <a class="back back-btn">
                  <svg xmlns="http://www.w3.org/2000/svg" width="31" height="8" viewBox="0 0 31 8" fill="none">
                     <path d="M0.646444 3.64644C0.451183 3.84171 0.451183 4.15829 0.646444 4.35355L3.82842 7.53553C4.02369 7.73079 4.34027 7.73079 4.53553 7.53553C4.73079 7.34027 4.73079 7.02369 4.53553 6.82842L1.70711 4L4.53553 1.17157C4.7308 0.976308 4.7308 0.659726 4.53553 0.464464C4.34027 0.269202 4.02369 0.269202 3.82842 0.464464L0.646444 3.64644ZM31 3.5L0.999998 3.5L0.999998 4.5L31 4.5L31 3.5Z" fill="#638F8A"/>
                  </svg>
                  <span>VOLVER</span>
               </a>
            </p>
            <div class="featured__items">
               <div class="column featured__details details__arte content__details">
                  <p class="breadcrumbs"><a href="/public/arte">Arte</a> / <span> Formato 01</span> </p>
                  <h1>Lorem ipsum amet</h1>
                  <p class="excerpt">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.</p>
                  <p class="product__availability">
                     <i>
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="10" viewBox="0 0 15 10" fill="none">
                           <path d="M4.77532 10C4.55842 10.0001 4.34363 9.96096 4.14325 9.88488C3.94288 9.8088 3.76085 9.69724 3.6076 9.55661L0 6.25319L1.37661 4.99257L4.77532 8.10639L13.6234 0L15 1.26062L5.94304 9.55661C5.78979 9.69724 5.60777 9.8088 5.40739 9.88488C5.20702 9.96096 4.99223 10.0001 4.77532 10Z" fill="black"/>
                        </svg>
                     </i>
                     EN STOCK 
                  </p>
                  <a href="#Informacion" class="btn btn__more more__green mt-4">Solicitar información</a>
               </div>
               <div class="column featured__image image__arte__feature">
                  <figure class="image-container"> 
                     <img class="img-fluid" src="{{ url('images/arte/arte-feature.jpg') }}" /> 
                  </figure>
               </div>
            </div>
         </div>
      </section>

      <section class="container-xxl wrapper__video">
         <figure> 
            <img class="img-fluid" src="{{ url('images/arte/video-arte.jpg') }}" />
         </figure>
      </section>

   </div>

   <!-- Formulario de informacion -->
   @include('partials.form-info')
   
   <!-- Productos relacionadas -->
   @include('arte.related-products')

</main>

@endsection
@section('scripts')
@endsection