@extends('backend.layouts.master')

@section('header')
@endsection

@section('footer')
@endsection

@section('content')

    <main id="main-container">
        <!-- Page Header -->
        <div class="content bg-gray-lighter">
            <div class="row items-push">
                <div class="col-sm-7">
                    <h1 class="page-heading">
                        İlan Yönetimi <small>İlan Listesi</small>
                    </h1>
                </div>
                <div class="col-sm-5 text-right hidden-xs">
                    <ol class="breadcrumb push-10-t">
                        <li>İlanlar</li>
                        <li><a href="{{ route('advert.index') }}">İlanlar</a></li>
                        <li><a href="{{ route('advert.edit', $advert->id) }}">{{ $advert->title }}</a></li>
                        <li>Görseller / Yeni Ekle</li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- END Page Header -->

        <!-- Page Content -->
        <div class="content content-narrow">


            <!-- upload Form -->
            <h2 class="content-heading">Görsel Yükle</h2>
            <div class="block block-bordered">
                <div class="block-content">
                <blockquote>
                    <ul>
                        <li>
                            Önerilen dosya boyutu maksimum <strong>5 MB</strong> olmalıdır.
                            <small>dosya boyutu arttıkça yükleme süresi uzayabilir veya bir hata olabilir.</small>
                        </li>
                        <li>
                            Sadece (<strong>JPG, PNG</strong>) formatında olmalıdır ve birden fazla görsel seçerek yükleyebilirsiniz...
                        </li>
                    </ul>
                </blockquote>

                    {!! Form::model(null, array('route' => ['advert.photo.upload', $advert->id], 'class' => 'form-horizontal push-10-t push-10', 'files' => true)) !!}
                      <div class="form-group">
                          <label class="col-md-2 control-label">Görsel Seç</label>
                          <div class="col-md-6">
                              {!! Form::file('files[]', array('multiple'=>true)) !!}
                          </div>
                      </div>
                      <input type="hidden" name="name" value="{{ $advert->title }}">
                      <div class="form-group">
                          <div class="col-md-4 col-md-offset-2">
                              <button class="btn btn-sm btn-primary col-md-4" type="submit">Yükle</button>
                          </div>
                      </div>

                    {!! Form::close() !!}
                </div>
            </div>
            <!-- END upload Form -->

        <!-- Full Table -->
        <div class="block">
            <div class="block-header">
                <h3 class="block-title">İlan Görselleri</h3>
            </div>
            <div class="block-content">
                  <div class="row">
                    @foreach($advert->photos as $photo)
                    <div class="col-md-3">
                        <img src="{{ url($photo->file_one) }}" alt="" style="max-width: 200px;" class="img-responsive">
                        <a href="{{ route('advert.photo.destroy', $photo->id) }}" class="delete-btn">Sil</a>
                    </div>
                  @endforeach
                  </div>
            </div>
        </div>
        <!-- END Full Table -->


        </div>
        <!-- END Page Content -->
    </main>
@endsection