@extends('admin.layout.master')
@section('title', 'اضف كافيه')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">اضف كافيه</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card-box">

                <h4 class="header-title mb-4">إنشاء جديد</h4>

                <div class="row">
                    <div class="col-xl-12">
                        <form method="post" action="{{route('cafes.store')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="exampleInputEmail1">الإسم</label>
                                <input type="text" class="form-control" value="{{old('name')}}"  name="name"
                                       id="exampleInputEmail1"
                                       placeholder="الإسم">
                                @if ($errors->has('name'))
                                    <small class="text-danger">{{ $errors->first('name') }}</small>
                                @endif
                            </div>

                            <div class="form-group">
                                <label for="exampleInputEmail1">الوصف</label>
                                <textarea style="height: 100px" type="text" class="form-control"
                                          name="description"
                                          placeholder="الوصف">{{old('description')}}</textarea>
                                @if ($errors->has('description'))
                                    <small class="text-danger">{{ $errors->first('description') }}</small>
                                @endif
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">خط العرض</label>
                                <input type="text" class="form-control"  value="{{old('lat')}}" name="lat"
                                       placeholder="خط العرض">
                                @if ($errors->has('lat'))
                                    <small class="text-danger">{{ $errors->first('lat') }}</small>
                                @endif
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">خط الطول</label>
                                <input type="text" class="form-control"  value="{{old('lng')}}" name="lng"
                                       placeholder="خط الطول">
                                @if ($errors->has('lng'))
                                    <small class="text-danger">{{ $errors->first('lng') }}</small>
                                @endif
                            </div>
                            <div class="form-group">
                                <div class="card-box">
                                    <h4 class="header-title mb-4">اللوجو</h4>
                                    <input type="file" name="logo" class="dropify" data-height="300"/>
                                </div>
                                @if ($errors->has('logo'))
                                    <small class="text-danger">{{ $errors->first('logo') }}</small>
                                @endif
                            </div>
                            <div class="form-group">
                                <label for="exampleSelect1">صور الكافيه</label>
                                <input type="file" multiple class="form-control" name="sliders[]">
                                @if ($errors->has('sliders'))
                                    <small class="text-danger">{{ $errors->first('sliders') }}</small>
                                @endif
                            </div>
                            <div class="form-group">
                                <label for="exampleSelect1">التصنيقات</label>
                                <select class="js-example-basic-multiple form-control" name="categories[]"
                                        multiple="multiple">
                                    @foreach($categories as $category)
                                        <option value="{{$category->id}}">{{$category->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('categories'))
                                    <small class="text-danger">{{ $errors->first('categories') }}</small>
                                @endif
                            </div>

                            <div class="form-group">
                                <label for="exampleSelect1">الوسوم</label>
                                <div id="mody_stylish">
                                    <input style="margin-bottom: 15px; " type="text" class="form-control"
                                           name="tags[]"
                                           placeholder="الوسم">
                                </div>
                                <button type="button" id="mody_button" class="btn btn-info"> إضافة وسم جديد
                                </button>
                                @if ($errors->has('tags'))
                                    <small class="text-danger">{{ $errors->first('tags') }}</small>
                                @endif
                            </div>

                            <div class="form-group">
                                <label for="exampleSelect1">الحالة</label>
                                <select name="status" class="form-control" id="exampleSelect1">
                                    <option value="active">مفعل</option>
                                    <option value="not_active">غير مفعل</option>
                                </select>
                                @if ($errors->has('status'))
                                    <small class="text-danger">{{ $errors->first('status') }}</small>
                                @endif
                            </div>
                            <button type="submit" class="btn btn-primary">حفظ</button>
                        </form>
                    </div><!-- end col -->


                </div><!-- end row -->
            </div>
        </div><!-- end col -->
    </div>



@stop


@section('scripts')

    <script type="text/javascript">

        jQuery(document).ready(function ($) {

            $("#mody_button").click(function () {
                console.log('mody');
                $("#mody_stylish").append("<input style=\"margin-bottom: 15px; \" type=\"text\" class=\"form-control\" required\n" +
                    "                                           name=\"tags[]\"\n" +
                    "                                           placeholder=\"الوسم\">");

            });

        });


    </script>

@endsection