@extends('admin.layouts.index')
@section('cssFiles')
    <link rel="stylesheet" href="{{asset('dropify/css/dropify.min.css')}}" />
@endsection
@section('breadcrumb')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">Yorum Ekle</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{url('cmspanel')}}">Anasayfa</a></li>
                        <li class="breadcrumb-item"><a href="{{url('cmspanel/comments')}}">Yorumlar</a></li>
                        <li class="breadcrumb-item active">Yorum Ekle</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <div class="card">
        <div class="card-header align-items-center d-flex">
            <a href="{{url('cmspanel/comments')}}" class="btn btn-warning btn-sm bg-gradient waves-effect waves-light" >
                <i class="ri-arrow-go-back-fill"></i> Geri Dön
            </a>
        </div>
        <div class="card-body">
            <form action="{{url('cmspanel/comments/add')}}" method="post" enctype="multipart/form-data">
                {!! csrf_field() !!}
                @if($errors->any())
                    <div class="row mb-3">
                        <div class="col-md-12">
                            <div class="alert alert-danger mb-xl-0" role="alert">
                                @foreach ($errors->all() as $error)
                                    {{ $error }}
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

                <div class="row">
                    <div class="col-md-4">
                      <div class="form-group">
                            <label for="images">Logo :</label>
                            <input type="file" name="image" class="dropify" id="image" data-height="150" data-width="200" />
                        </div>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-4">
                        <div>
                            <label for="department" class="form-label">Departman *:</label>
                            <input type="text" class="form-control" id="department" name="department" placeholder="Departman" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div>
                            <label for="title" class="form-label">Başlık *:</label>
                            <input type="text" class="form-control" id="title" name="title" placeholder="Başlık" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div>
                            <label for="fullname" class="form-label">İsim Soyisim *:</label>
                            <input type="text" class="form-control" id="fullname" name="fullname" placeholder="İsim Soyisim" required>
                        </div>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-12">
                        <div>
                            <label for="message" class="form-label">Yorum *:</label>
                            <textarea class="form-control" id="message" name="message" placeholder="Yorum" required></textarea>
                        </div>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="status" id="gridCheck" value="1">
                            <label class="form-check-label" for="gridCheck">
                                Aktif
                            </label>
                        </div>
                    </div>
                </div>
                <div class="mt-4">
                    <button type="submit" class="btn btn-primary w-md">Formu Kaydet</button>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('js')
  <script src="{{asset('dropify/js/dropify.min.js')}}" type="text/javascript"></script>
  <script type="text/javascript">
    var dropify = true;
    $('#parentid').select2();
  </script>
@endsection