<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
  <% if @product_caros.count != 0 %>
    <div class="caro-cards mb-4">
      <% @product_caros.each do |product_caro| %>
        <div class="caro-card">
          <%=image_tag(product_caro.image, class: "w-100 cardnews-img")%>
        </div>
      <% end %>
    </div>
  <% end %>

  <div class="youtubeWrap mb-4">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/<%= @product.youtb_url %>?controls=2" frameborder="0" allowfullscreen></iframe>
  </div>
  <p class="video-text mb-4 px-3"><%= @product.video_text.gsub("\r\n", "<br />").html_safe %></p>
  <a href="<%=  @product.bill_url %>" class="d-block text-center font-weight-bold font-black font-16 pro-link px-3 py-2 mx-5 my-4">법안 원문 보러가기</a>
  <div class="share text-center mb-4">
    <center>
      <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Ftojung.me/product/<%= @product.id %>&width=450&layout=button_count&action=like&size=small&show_faces=true&share=true&height=80&appId=1014670008686658" width="140" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
    </center>
  </div>
<div class="banner-text px-3 mb-5">
  <hr class="mb-4 banner-line ml-0">
  <pre class="font-22 font-weight-bold">
내 인생으로 배송받기를 누르면
국회에 청원이 전달되고,
법안을 공론화하는 광고가 실리고,
예쁜 굿즈를 받습니다</pre>
  <hr class="mt-4 banner-line ml-0">
</div>
  <!-- 디자인 의도 이미지-->
  <img src="<%= @product.design_purpose %>" class="design-purpose mb-5 w-100">
  <!-- 상품들 -->
  <div class="container-fluid">
    <div class="row">
      <!-- 상품들 -->
      <% @product_options.each do |product_option|%>
        <div class="col-6 col-md-3 col-lg-3 px-0">
          <div class="pro-card">
            <%#=image_tag("email.png", class: "w-100")%>
            <img src="<%= @cdn_url + product_option.image0.path if product_option.image0.path != nil%>" class="desc-pro-img">
            <div class="card-body2 py-4 text-center">
              <h4 class="pro-num mb-2"><%= product_option.name %></h4>
              <p class="font-grey font-12 mb-4"><% product_option.packages.each do |package| %>  <%= package.name %> <% end %>패키지에 포함</p>
              <pre class="font-14 font-weight-bold mb-2"> <%= product_option.content.gsub("\r\n", "<br />").html_safe %> </pre>
              <p class="cost font-12 font-grey"><span class="font-14 font-weight-bold text-dark"><%= product_option.price %> </span>원~</p>
              <a href="/product_option/<%=product_option.id.to_s%>" class="pro-link font-14 font-weight-bold d-block">자세히 보기></a>
            </div>
          </div>
        </div>
      <% end %>
    </div>
  </div>
    <!-- //상품들 -->
   <!-- 디자인 의도 사진 -->

    <section class="package my-5 mx-4">
      <h4 class="font-18 font-weight-bold mb-4">PACKAGE 정리</h4>
      <%=image_tag(@cdn_url + @product.image1.path, class: "d-block package-set") if @product.image1.path != nil%>
    </section>

     <section class="delivery mb-5 mx-4 font-14">
      <h4 class="font-18 font-weight-bold mb-4">배송 예정일</h4>
      <div class="delivery text pl-1">
        <%if Time.now <= @product.end_date %> <!-- 광고 펀딩중-->
          <p class="mb-0">현재 광고 펀딩중입니다.</p>
          <p class="mb-0">지금 주문하시면
          <!-- data type 수정 필요-->

            <span><%= @product.goods_dilivery_date_s %></span>
          일 배송예정입니다.
          </p>
          <p>배송이 시작되면 문자로 알려드립니다.</p>
        <% else %> <!-- 상시 펀딩 중-->
          <p class="mb-0">현재 상시 펀딩중입니다.</p>
          <p>배송은 3~7일(영업일기준) 소요됩니다.</p>
        <%end%>
      </div>
    </section>

     <section class="usage mb-5 mx-4">
      <h4 class="font-18 font-weight-bold mb-5">법안 광고 캠페인은 어디에?</h4>
      <p class="text-center font-weight-bold">광고 펀딩 기간 내</p>
      <table class="table font-14 mb-4">
        <tbody>
          <tr>
            <th scope="row">~50만원 달성</th>
            <td>카페광고/인터넷광고</td>
          </tr>
          <tr>
            <th scope="row">~150만원 달성</th>
            <td>버스정류장/마을버스외부</td>
          </tr>
          <tr>
            <th scope="row">~300만원 달성</th>
            <td>버스정류장/시내버스외부/지하철</td>
          </tr>
          <tr>
            <th scope="row">~600만원 달성</th>
            <td>시내버스외부/지하철</td>
          </tr>
          <tr>
            <th scope="row">600만원~ 이상</th>
            <td>옥외/지하철와이드스크린</td>
          </tr>
        </tbody>
      </table>
      <p class="text-center font-weight-bold mt-5">광고 펀딩 이후</p>
      <p class="text-center font-14 mb-1">법안 SNS 광고</p>
      <p class="text-center font-14 mb-1">서버 유지비</p>
      <p class="text-center font-14 mb-1">후속 컨텐츠 발행비</p>
    </section>

    <section class="refund mb-5 mx-4 font-14">
      <h4 class="font-18 font-weight-bold mb-4">환불 및 교환 규정</h4>
      <div class="refund_text mb-4 pl-1 font-14">
        <h4 class="mb-0 font-14">환불 정책</h4>
        <p class="mb-0">1) 주문 수량에 맞추어 인쇄에 들어갑니다. 따라서 제작 이후 환불은 불가능합니다.</p>
        <p>2) 다만, 제작자의 부득이한 사정으로 제작이 중단될 경우, 중단 사실을 알려드리고 전액을 환불해 드립니다.</p>
      </div>
      <div class="exchange_text pl-1 font-14">
        <h4 class="mb-0 font-14">교환 정책</h4>
        <p class="mb-0">3) 배송된 상품이 파손되거나 불량품일 경우, 배송일로부터 30일 이내에 교환해 드립니다. </p>
        <p>4) 배송지 기재 오류나, 사전 고지 없는 배송지 수정으로 인해 배송사고가 발생할 경우, 처리가 불가능합니다.</p>
      </div>
    </section>

</div>
