@include('layout.header')

<style>
  /* .card-header {
      height: 170px;
      overflow: hidden;
      margin: 10px;
      position: relative;
  }

  .card-header > img {
      position: absolute;
      left: -1000%;
      right: -1000%;
      top: -1000%;
      bottom: -1000%;
      margin: auto;
      min-height: 100%;
      min-width: 100%;
  } */

  .card-header {
      width: 100px;
      height: 100px;
      background-color: transparent !important;
      border-bottom: transparent !important;
  }

  /* resize images */
  .card-header img {
      width: 100%;
      height: auto;
  }

  .fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
  }
  .fill img {
      flex-shrink: 0;
      min-width: 100%;
      min-height: 100%
  }


</style>


<section id="content">
  <section class="bgGrey py-4">

    <div id="listProduk">
      <div class="container">
        <div class="row">
          <div class="col-lg-9">
            <div class="designStandar mb-3">
              <div class="heading mb-2">
                <h2>Sales Kit</h2>
                <a href="{{url('/access/saleskit')}}">Lihat Lainnya</a>
              </div>
              <div class="listboxProduk">
                <div class="row">
                  @foreach ($saleskit as $item)
                  <div class="col-6 col-lg-4 p-2">
                    <div class="produk">
                      @if ($item->thumbnail == '')
                        <div class="icon" style="font-size: 70px;">
                          <i class="fa fa-file-pdf-o text-danger"></i>
                        </div>
                      @else
                      <div class="fill">
                        <img src="{{asset($item->thumbnail)}}" alt="{{$item->thumbnail}}">
                      </div>
                      @endif

                      <div class="boxContentProduk">
                        <span>{{$item->title}}</span>
                        <a href="{{asset($item->file)}}" download="{{asset($item->file)}}" class="boxDownload cursor-pointer">
                          <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-download" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M.5 8a.5.5 0 0 1 .5.5V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5a.5.5 0 0 1 1 0V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5A.5.5 0 0 1 .5 8z"/>
                            <path fill-rule="evenodd" d="M5 7.5a.5.5 0 0 1 .707 0L8 9.793 10.293 7.5a.5.5 0 1 1 .707.707l-2.646 2.647a.5.5 0 0 1-.708 0L5 8.207A.5.5 0 0 1 5 7.5z"/>
                            <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 1z"/>
                          </svg>
                        </a>
                      </div>
                    </div>
                  </div>    
                  @endforeach
                </div>
              </div>
            </div>

            <div class="designStandar mb-3">
              <div class="heading mb-2">
                <h2>Corporate Identity Design</h2>
                <a href="{{url('/access/rebranding')}}">Lihat Lainnya</a>
              </div>
              <div class="listboxProduk">
                <div class="row">
                  @foreach ($rebranding as $item)
                  <div class="col-6 col-lg-4 p-2">
                    <div class="produk">
                      <a href="{{asset($item->file)}}" target="_blank">
                        <img src="{{asset($item->file)}}" alt="{{$item->title}}">
                      </a>

                      <div class="boxContentProduk">
                        <span>{{$item->title}}</span>
                        <a href="{{asset($item->file)}}" download="{{asset($item->file)}}" class="boxDownload cursor-pointer">
                          <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-download" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M.5 8a.5.5 0 0 1 .5.5V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5a.5.5 0 0 1 1 0V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5A.5.5 0 0 1 .5 8z"/>
                            <path fill-rule="evenodd" d="M5 7.5a.5.5 0 0 1 .707 0L8 9.793 10.293 7.5a.5.5 0 1 1 .707.707l-2.646 2.647a.5.5 0 0 1-.708 0L5 8.207A.5.5 0 0 1 5 7.5z"/>
                            <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 1z"/>
                          </svg>
                        </a>
                      </div>
                    </div>
                  </div>    
                  @endforeach
                </div>
              </div>
            </div>
            <div class="designStandar py-3">
              <div class="heading mb-2">
                <h2>Visual Identity Design</h2>
                <a href="{{url('/access/asset')}}">Lihat Lainnya</a>
              </div>
              <div class="listboxProduk">
                <div class="row">
                  <div class="col-12 col-lg-12 pt-1">
                    @foreach ($asset as $item)
                      <div class="file-box" style="width: 25% !important;">
                        <div class="file">
                            <span class="corner"></span>
                            
                            <a href="{{asset($item->file)}}" target="_blank">
                            <div class="icon">
                              <i class="fa fa-file-pdf-o text-danger"></i>
                            </div>
                            </a>
                          
                          <a href="{{asset($item->file)}}" download="{{asset($item->file)}}">
                            <div class="file-name" style="font-size: 14px;">
                              {{$item->title}} 
                              <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-download" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" d="M.5 8a.5.5 0 0 1 .5.5V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5a.5.5 0 0 1 1 0V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5A.5.5 0 0 1 .5 8z"/>
                                <path fill-rule="evenodd" d="M5 7.5a.5.5 0 0 1 .707 0L8 9.793 10.293 7.5a.5.5 0 1 1 .707.707l-2.646 2.647a.5.5 0 0 1-.708 0L5 8.207A.5.5 0 0 1 5 7.5z"/>
                                <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 1z"/>
                              </svg>
                              <br>
                              <small>Added: {{date('M d, Y', strtotime($item->created_at))}}</small>
                            </div>
                          </a>
                        </div>
                      </div>
                    @endforeach
                  </div>
                </div>
              </div>
            </div>
            <div class="designStandar py-3">
              <div class="heading mb-2">
                <h2>Presentation Template</h2>
                <a href="{{url('/access/presentation')}}">Lihat Lainnya</a>
              </div>
              <div class="listboxProduk">
                <div class="row">
                  <div class="col-12 col-lg-12 pt-1">
                    @foreach ($presentation as $item)
                      <div class="file-box" style="width: 25% !important;">
                        <div class="file">
                          <a href="{{asset($item->file)}}" download="{{asset($item->file)}}">
                            <span class="corner"></span>
          
                            <div class="icon">
                              <i class="fa fa-file-powerpoint-o text-danger"></i>
                            </div>
                            <div class="file-name" style="font-size: 14px;">
                              {{$item->title}} <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-download" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" d="M.5 8a.5.5 0 0 1 .5.5V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5a.5.5 0 0 1 1 0V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5A.5.5 0 0 1 .5 8z"/>
                                <path fill-rule="evenodd" d="M5 7.5a.5.5 0 0 1 .707 0L8 9.793 10.293 7.5a.5.5 0 1 1 .707.707l-2.646 2.647a.5.5 0 0 1-.708 0L5 8.207A.5.5 0 0 1 5 7.5z"/>
                                <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 1z"/>
                              </svg>
                              <br>
                              <small>Added: {{date('M d, Y', strtotime($item->created_at))}}</small>
                            </div>
                          </a>
                        </div>
                      </div>
                    @endforeach
                  </div>
                </div>
              </div>
            </div>
            <div id="souvenir" class="py-4">
              <div class="container p-0">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="heading mb-3">
                      <h2>Sales Promotion Items</h2>
                      <a href="{{route('souvenir')}}">Lihat Lainnya</a>
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <div id="carousel-3" class="owl-carousel owl-theme">
                      @foreach ($souvenir as $souvenir_item)
                      <div class="item">
                        <div class="boxProduk">
                          @if (count($souvenir_item->images) > 0)
                            <a href="{{url('/souvenir/'.$souvenir_item->id.'/'.str_slug($souvenir_item->name,'-'))}}">
                              <div class="boxImg" style="height: 200px;width: 100%;background-size: auto 100%;background-repeat: no-repeat;background-position: top center;background-image: url('{{$souvenir_item->images[0]->image}}');">&nbsp;</div>
                            </a>
                          @endif
                          <div class="descProduk">
                            <div class="titleProduk">
                              <a href="{{url('/souvenir/'.$souvenir_item->id.'/'.str_slug($souvenir_item->name,'-'))}}">
                                <span>{{$souvenir_item->name}}</span>
                              </a>
                            </div>
                            <div class="stock">
                              <span>Stock : {{$souvenir_item->stock}} Item</span>
                            </div>
                            <div class="price">
                              <span>Rp {{number_format($souvenir_item->price,0,",",".")}}</span>
                            </div>
                          </div>
                          <div class="boxCart">
                            <a href="{{url('/souvenir/'.$souvenir_item->id.'/'.str_slug($souvenir_item->name,'-'))}}">
                              <img src="{{asset('assets')}}/img/iconCart.png">
                            </a>
                          </div>
                          <div class="boxLove">
                            <a href="javascript:void(0)">
                              <div class="bgLove">
                                <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-heart" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
                                </svg>
                              </div>
                            </a>
                          </div>
                        </div>
                      </div>
                      @endforeach
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-3">
            @if (\Session::has('success'))
              <div class="alert alert-success">
                <ul class="m-0 pl-3">
                  <li>{!! \Session::get('success') !!}</li>
                </ul>
              </div>
            @endif
            @if($errors->any())
              <div class="alert alert-danger">
                <ul class="m-0 pl-3">
                  <li>{{$errors->first()}}</li>
                </ul>
              </div>
            @endif
            <div class="formList mb-4">
              <div class="heading mb-3">
                <h2>Pengajuan Design</h2>
              </div>
              <div class="boxFormList">
                <form action="{{url('/request/design')}}" method="post" enctype="multipart/form-data">
                  {{ csrf_field() }}
                  <div class="form-group">
                    <label>Kategori Design</label>
                    <select name="category" class="form-control">
                      <option value="" selected>Pilih salah satu kategori</option>
                      <option value="JPG">JPG</option>
                      <option value="PNG">PNG</option>
                      <option value="PDF">PDF</option>
                    </select>
                  </div>
                  <div class="form-group">
                    <label>Nama Design</label>
                    <input type="text" name="name" class="form-control" placeholder="Nama Design">
                  </div>
                  <div class="form-group">
                    <label>Materi</label>
                    <input type="text" name="materi" class="form-control" placeholder="Materi Design">
                  </div>
                  <div class="form-group">
                    <label>No Hp</label>
                    <input type="text" name="phone" class="form-control" placeholder="No Hp">
                  </div>
                  <div class="form-group">
                    <label>Qty</label>
                    <input type="number" name="qty" class="form-control" placeholder="Qty">
                  </div>
                  <div class="form-group">
                    <label>Nama</label>
                    <input type="text" name="name" class="form-control" placeholder="Nama">
                  </div>
                  <div class="form-group">
                    <label>Deadline Design</label>
                    <input type="date" name="deadline_date" id="deadline_date" class="form-control" placeholder="Date">
                  </div>
                  <div class="form-group">
                    <label>Deskripsi</label>
                    <textarea class="form-control" name="description" rows="5" placeholder="Deskripsi Design"></textarea>
                  </div>
                  {{-- <div class="form-group">
                    <label>Upload File</label>
                    <div class="input-group input-file" name="Fichier1">
                      <span class="input-group-btn">
                        <button class="btn btn-default btn-choose" type="button">Choose</button>
                      </span>
                      <input type="text" class="form-control" placeholder='Choose a file...' />
                      <span class="input-group-btn">
                        <button class="btn btn-warning btn-reset" type="button">Reset</button>
                      </span>
                    </div>
                  </div> --}}
                  <div class="form-group">
                    <input type="file" name="file" class="form-control" placeholder="Upload File" style="height: 40px;">
                  </div>
                  <button type="submit" class="btn btn-primary">Ajukan Request</button>
                </form>
              </div>
            </div>

            <div class="formList mb-4">
              <div class="heading mb-3">
                <h2>Pengajuan Event dan Promo</h2>
              </div>
              <div class="boxFormList">
                <form action="{{url('/request/souvenir')}}" method="post" enctype="multipart/form-data">
                  {{ csrf_field() }}
                  <div class="form-group">
                    <label>Nama</label>
                    <input type="text" name="name" class="form-control" placeholder="Nama">
                  </div>
                  <div class="form-group">
                    <label>No Hp</label>
                    <input type="text" name="phone" class="form-control" placeholder="No Hp">
                  </div>
                  <div class="form-group">
                    <label>Kategori</label>
                    <select name="kategori" id="kategori" class="form-control">
                      <option value="Event Internal">Event Internal</option>
                      <option value="Event External">Event External</option>
                      <option value="Promo Dealer">Promo Dealer</option>
                      <option value="Promo Buyer">Promo Buyer</option>
                    </select>
                  </div>
                  <div class="form-group">
                    <label>Souvenir</label>
                    <select name="souvenir_id" id="souvenir_id" class="form-control">
                      <option value="">Select a Souvenir</option>
                      @foreach($souvenirs as $vSouvenir)
                      <option value="{{$vSouvenir->id}}">{{$vSouvenir->name}}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="form-group">
                    <label>Qty</label>
                    <input type="number" name="qty" id="qty" class="form-control" placeholder="Qty">
                  </div>
                  <div class="form-group">
                    <label>Deadline Event & Promo</label>
                    <input type="date" name="deadline_date" id="deadline_date" class="form-control" placeholder="Date">
                  </div>
                  <div class="form-group">
                    <label>Deskripsi</label>
                    <textarea class="form-control" name="description" rows="5" placeholder="Deskripsi"></textarea>
                  </div>
                  <div class="form-group">
                    <label>Upload Mini Proposal</label>
                    <input type="file" name="file" class="form-control" placeholder="Upload File" style="height: 40px;">
                  </div>
                  <button type="submit" class="btn btn-primary">Ajukan Request</button>
                </form>
              </div>
            </div>

            <div class="formList mb-4" style="display: none">
              <div class="heading mb-3">
                <h2>Pengajuan Promo Acara Lelang</h2>
              </div>
              <div class="boxFormList">
                <form action="{{url('/request/lelang')}}" method="post" enctype="multipart/form-data">
                  {{ csrf_field() }}
                  <div class="form-group">
                    <label>Lokasi</label>
                    <select name="branch" class="form-control">
                      <option value="" selected>Pilih lokasi</option>
                      @foreach ($branch as $item)
                        <option value="{{$item->id}}">{{$item->name}}</option>    
                      @endforeach
                    </select>
                  </div>
                  <div class="form-group">
                    <label>Nama</label>
                    <input type="text" name="name" class="form-control" placeholder="Nama">
                  </div>
                  <div class="form-group">
                    <label>Kategori</label>
                    <input type="text" name="kategori" class="form-control" placeholder="Kategori">
                  </div>
                  <div class="form-group">
                    <label>No Hp</label>
                    <input type="text" name="phone" class="form-control" placeholder="No Hp">
                  </div>
                  <div class="form-group">
                    <label>Qty</label>
                    <input type="number" name="qty" class="form-control" placeholder="Qty">
                  </div>
                  <div class="form-group">
                    <label>Deskripsi</label>
                    <input type="text" class="form-control" name="description" placeholder="Deskripsi">
                  </div>
                  <div class="form-group">
                    <label>Upload File</label>
                    <input type="file" name="file" class="form-control" placeholder="Upload File" style="height: 40px;">
                  </div>
                  <button type="submit" class="btn btn-primary">Ajukan Request</button>
                </form>
              </div>
            </div>

          </div>
        </div>


      </div>
    </div>

  </section>
</section>

@include('layout.footer')