@extends('Admin.layout.master1')

@section('title','Proje ekle')

@section('content')


<div class="card mb-3">

  <form action="{{ route('xml-upload') }}" id="frm-create-course" method="post">
     @csrf
      <div class="form-group mt-4 col-md-6">
          <label for="file">Select XML File:</label>
          <input type="file" class="form-control" required id="file" name="file">
      </div>
      <button type="submit" class=" form-control btn btn-primary mt-4" id="submit-post">Yükle</button>
    </form>
</div>

<div class="card mb-3" id="ordersTable" data-list='{"valueNames":["order","date","address","status","amount"],"page":10,"pagination":true}'>
            <div class="card-header">
              <div class="row flex-between-center">
                <div class="col-4 col-sm-auto d-flex align-items-center pe-0">
                  <h5 class="fs-0 mb-0 text-nowrap py-2 py-xl-0">Proje ekle</h5>
                </div>
                <div class="col-12 col-sm-auto ms-auto text-end ps-0">
                  <div class="d-none" id="orders-bulk-actions">
                    <div class="d-flex"><select class="form-select form-select-sm" aria-label="Bulk actions">
                        <option selected="">Bulk actions</option>
                        <option value="Refund">Refund</option>
                        <option value="Delete">Delete</option>
                        <option value="Archive">Archive</option>
                      </select><button class="btn btn-falcon-default btn-sm ms-2" type="button">Apply</button></div>
                  </div>
                  <div id="orders-actions">
                    <button class="btn btn-falcon-default btn-sm" type="button">
                      <span class="fas fa-plus" data-fa-transform="shrink-3 down-2"></span>
                      <span class="d-none d-sm-inline-block ms-1"><a href="{{ route('product.list')}}">Tüm projeler</a></span>
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <div class="card-body p-0">
              <div class="table-responsive scrollbar">
                   <div class="card mb-3">
            <div class="card-header">

            </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-1ad32eff-6344-49fa-a269-d5b49c1ed592" id="dom-1ad32eff-6344-49fa-a269-d5b49c1ed592">
                  <form action="{{route('add.product')}}" method="post" enctype="multipart/form-data" class="row g-3">
                    @csrf
                    <div hidden class="col-md-6">
                      <label class="form-label" for="userID"></label>
                      <input class="form-control" name="userID" value="{{ $userWriter }}" id="userID" type="text" />
                    </div>
                    <div class="col-md-6">
                      <label class="form-label" for="inputState">Kategori</label>
                      <select name="category_id" class="form-select" id="inputState">
                        @php echo $categories_drop_down @endphp
                      </select>
                    </div>
                    <div class="col-md-6">
                      <label class="form-label" for="inputMakale">Proje başlığı</label>
                      <input class="form-control" required placeholder="Proje başlığı" name="post_name" id="inputMakale" type="text" />
                    </div>
                    <div class="col-md-6">
                      <label class="form-label" for="postCode">Proje kodu</label>
                      <input class="form-control" name="post_code" id="postCode" type="text" />
                    </div>
                    <div class="col-6">
                      <label class="form-label" for="postCode2">Makale kodu 2</label>
                      <input class="form-control" name="post_code2" id="postCode2" type="text" placeholder="" />
                    </div>

                    <div class="col-md-6">
                      <label class="form-label" for="preface">Proje önsöz</label>
                      <input class="form-control" name="preface" id="preface" type="text" />
                    </div>

                    <div class="col-6">
                      <label class="form-label" for="description">Proje description</label>
                      <input class="form-control" name="description" id="description" type="text" placeholder="" />
                    </div>

                    <div class="col-6">
                      <label class="form-label" for="metaTitle">Proje meta title</label>
                      <input class="form-control" name="meta_title" id="metaTitle" type="text" placeholder="" />
                    </div>

                    <div class="col-6">
                      <label class="form-label" for="metaDescription">Proje meta description</label>
                      <input class="form-control" name="meta_description" id="metaDescription" type="text" placeholder="" />
                    </div>

                    <div class="col-md-4">
                      <label class="form-label" for="postFeature">Proje özellik</label>
                      <select name="feature" class="form-select" id="postFeature">
                        <option selected="selected" disabled>Seçiniz</option>
                        <option value="on">Yeni</option>
                        <option value="off">Pasif</option>
                      </select>
                    </div>

                    <div class="col-md-4">
                      <label class="form-label" for="postStatus">Proje statüsü</label>
                      <select name="poststatu" class="form-select" id="postStatus">
                        <option selected="selected" disabled>Seçiniz</option>
                        <option value="on">Aktif</option>
                        <option value="off">Pasif</option>
                      </select>
                    </div>

                    <div class="col-md-4">
                      <label class="form-label" for="showCase">Proje webte gözüksün</label>
                      <select name="showcase" class="form-select" id="showCase">
                        <option selected="selected" disabled>Seçiniz</option>
                        <option value="on">Aktif</option>
                        <option value="off">Pasif</option>
                      </select>
                    </div>
                  <div class="col-md-3">
                    <div class="control-group">
                      <label class="control-label">Oturma Odası</label>
                      <div class="controls">
                        <input type="checkbox" name="subOturma" id="subOturma" value="1">
                      </div>
                    </div>
                  </div>
                    <div class="col-md-3">
                    <div class="control-group">
                      <label class="control-label">Yatak Odası</label>
                      <div class="controls">
                        <input type="checkbox" name="subYatak" id="subYatak" value="1">
                      </div>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="control-group">
                      <label class="control-label">Mutfak</label>
                      <div class="controls">
                        <input type="checkbox" name="subMutfak" id="subMutfak" value="1">
                      </div>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="control-group">
                      <label class="control-label">Banyo</label>
                      <div class="controls">
                        <input type="checkbox" name="subBanyo" id="subBanyo" value="1">
                      </div>
                    </div>
                  </div>

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

                    <div class="col-md-12">
                      <label class="form-label" for="projesubimage">Projeye ait görseller (Toplu seçim yapılabilir)</label>
                      <input type="file" class="form-control" id="gallery-image" required name="gallery-image[]" multiple/>
                    </div>

                    <div class="col-md-12">
                      <label class="form-label" for="projeVideo">Proje 360 video linki</label>
                      <input class="form-control" name="projeVideo" id="projeVideo" type="text" />
                    </div>

                    <div class="col-md-12">
                      <label class="form-label" for="projeVideo">Projeye ait youtube video linki</label>
                      <input class="form-control" name="projeYoutubeVideo" id="projeVideo" type="text" />
                    </div>

                    <div class="col-md-12">
                      <label class="form-label" for="showCase">Proje içeriği</label>
                      <textarea id="makaleContent" name="content"></textarea>
                    </div>

                    <div class="col-12">
                      <button class="btn btn-primary" type="submit">Projeyi oluştur</button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
       </div>
    </div>
  </div>
@endsection

 @section('javascript')

    <script>

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


    </script>

  @endsection