@extends('Admin.layout.master1')

@section('title','Admin | Proje Görsel  Ekle')

@section('content')


 <div class="card mb-3">
            <div class="card-header">
              <div class="row flex-between-end">
                <div class="col-auto align-self-center">
                  <h5 class="mb-0" data-anchor="data-anchor">Projeyi düzenle ( {{ $productDetails->id }})</h5>
                </div>

              </div>
            </div>
            <div class="card-body bg-light">
              <div class="tab-content">
                <div class="tab-pane preview-tab-pane active" role="tabpanel" aria-labelledby="tab-dom-9607f3ac-326b-4719-b675-048ee5aacae7" id="dom-9607f3ac-326b-4719-b675-048ee5aacae7">

                  <form enctype="multipart/form-data" class="col-sm-12" method="post"action="{{ route('add.images',$productDetails->id) }}" name="edit_product">
                    @csrf

                    <input type="hidden" name="product_id" value="{{ $productDetails->id }}">

                    <div class="mb-3">
                      <label class="form-label" for="exampleFormControlInput1">Kategori Adı :</label>
                      <input class="form-control" id="exampleFormControlInput1" type="text" value="{{ $category_name }}" disabled />
                    </div>

                    <div class="mb-3">
                      <label class="form-label" for="exampleFormControlInput1">Projenin Adı</label>
                      <input class="form-control"  id="exampleFormControlInput1" type="text" value="{{ $productDetails->post_name }}" disabled />
                    </div>

                    <div class="col-md-12">
                      <label class="form-label" for="projeImage">Proje Afiş görseli</label>
                      <input type="file" class="form-control" id="gallery-image" required name="gallery-image[]" multiple/>
                    </div>

                    <div class="form-actions mt-5">
                      <input type="submit" value="Ürün resmi ekle" class="btn btn-success">
                    </div>
                  </form>
                  </div>
                  <div class="panel-body">

                    <table class="table table-bordered data-table">

                      <thead>

                        <tr>

                          <th>Ürün Resim ID</th>

                          <th>Ürün ID</th>

                          <th>Ürün Resim</th>

                          <th>İşlemler</th>

                        </tr>

                      </thead>

                      <tbody>

                        @foreach($productImages as $image)

                          <tr class="gradeX">

                            <td class="center">{{ $image->product_image_id }}</td>

                            <td class="center">{{ $image->product_id }}</td>

                            <td class="center"><img width=100px src="{{ asset('assets/assets/img/projects/sub_project_img/'.$image->image) }}"></td>

                            <td class="center"><a id="delImage" rel="{{ $image->id }}" rel1="delete-alt-image" href="javascript:" class="btn btn-danger btn-mini deleteRecord">Kaldır</a></td>

                          </tr>

                        @endforeach

                      </tbody>

                    </table>

                  </div>

                </div>
              </div>
            </div>
          </div>
@endsection


@section('css')

<link href="{{asset('vendors/choices/choices.min.css')}}" rel="stylesheet" />

@endsection

@section('javascript')

<script src="{{asset('vendors/choices/choices.min.js')}}"></script>


 <script>
              CKEDITOR.replace('editPreface', {
                filebrowserUploadUrl: "{{ route('ckeditor.upload', ['_token' => csrf_token() ])}}",
                filebrowserUploadMethod: 'form'
            });
            </script>
 <script>
             CKEDITOR.replace('editContent', {
                filebrowserUploadUrl: "{{ route('ckeditor.upload', ['_token' => csrf_token() ])}}",
                filebrowserUploadMethod: 'form'
            });
            </script>


@endsection