@extends('admin.layouts.master')
@section('css')
    @include('admin.helper.formscss')
@endsection

@include('admin.helper.tittle', ['title' => ' قسم تعديل'])


@section('content')
    <div id='pageid'>

        <div>
            <div class="row">

                <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">

                    <!--div-->

                    <form id='new-cat' enctype="multipart/form-data">
                        @csrf
                        <div class="card">
                            <div class="card-body">
                                <div class="row row-sm">
                                    <div class="col-lg-6 col-12 mt-3">
                                        <label class="form-label">الإسم </label>
                                        <input class="form-control" name="name" value="" type="text">
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> الحاله </p>
                                        <select name="isActive" class="form-control" required>
                                            <option value="true"> مفعل </option>
                                            <option value="false"> غير مفعل </option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> حاله الظهور </p>
                                        <select name="isAvailable" class="form-control" required>
                                            <option value="true"> مفعل </option>
                                            <option value="false"> غير مفعل </option>
                                        </select>
                                    </div>


                                    <div class="col-lg-6 col-12 mt-3">
                                        <label class="form-label"> صورة القسم </label>
                                        <input class="form-control" name="image" type="file"
                                            accept=".jpeg,.jpg,.png,.webp,.gif,.svg">
                                    </div>
                                </div>

                                <div class="text-center">
                                    <button type="submit" class="col-5 btn btn-primary mt-3 mb-0">
                                        حفظ</button>

                                    <button class="col-5 btn btn-secondary mt-3 mb-0" type="button"> رجوع</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('js')
    @include('admin.helper.formscripts')
    @include('vue')
    <script>
        $(function() {

            $('#new-cat').on('submit', function(e) {
                e.preventDefault();
                let formData = new FormData(document.getElementById('new-cat'));
                adawe('{{ route('admin.categories.store') }}', formData)
            });

        });
        $(function() {
            $('.select2').select2()
        });
    </script>
@endsection