@extends('Admin.layout.master1')

@section('title','Sosyal medya ekle')

@section('content')


<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">Sosyal medya 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('social.list')}}">Tüm sosyal medyalar</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.social')}}" method="post" enctype="multipart/form-data" class="row g-3">
                    @csrf

                    <div class="col-md-12">
                      <label class="form-label" for="inputMakale">Sosyal medya iconu</label>
                      <select name="logo" class="form-control">
                                                </select>
                    </div>

                    <div class="col-md-6">
                      <label class="form-label" for="title">Sosyal Medya Adı</label>
                      <input class="form-control" name="title" placeholder="facebook,youtube vb." id="title" type="text" />
                    </div>

                    <div class="col-md-6">
                      <label class="form-label" for="link">Sosyal Medya Linki</label>
                      <input class="form-control" name="link" placeholder="" id="link" type="text" />
                    </div>


                    <div class="col-md-6">
                      <label class="form-label" for="socialStatu">Sosyal medya statüsü</label>
                      <select name="socialStatu" class="form-select" id="socialStatu">
                        <option selected="selected" disabled>Seçiniz</option>
                        <option value="on">Aktif</option>
                        <option value="off">Pasif</option>
                      </select>
                    </div>

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

 @section('javascript')
    <script>
            CKEDITOR.replace('blogContent', {
                filebrowserUploadUrl: "{{ route('ckeditor.upload', ['_token' => csrf_token() ])}}",
                filebrowserUploadMethod: 'form'
            });
    </script>
  @endsection