@extends('dashboard.parent')

@section('title',__('pages.specialization'))

@section('page_name',__('pages.specialization'))

@section('css')
@endsection

@section('bread_crumb')
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
    <!--begin::Item-->
    <li class="breadcrumb-item text-muted">
        <a href="{{route('home')}}" class="text-muted text-hover-primary">{{__('pages.home')}}</a>
    </li>
    <!--end::Item-->
    <!--begin::Item-->
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-400 w-5px h-2px"></span>
    </li>
    <!--end::Item-->
    <!--begin::Item-->
    <li class="breadcrumb-item text-muted">{{__('pages.specialization')}}</li>
    <!--end::Item-->
    <!--begin::Item-->
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-400 w-5px h-2px"></span>
    </li>
    <!--end::Item-->
    <!--begin::Item-->
    <li class="breadcrumb-item text-muted">{{__('pages.create')}}</li>
    <!--end::Item-->
</ul>
@endsection

@section('actions')

@endsection

@section('content')
<div id="kt_app_content" class="app-content flex-column-fluid">
    <!--begin::Content container-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container container-xxl">
            {{-- form --}}
            @include('dashboard.specialization._form', ['categories' => $categories ,'function' => 'store'])
            {{-- end form --}}
        </div>
        <!--end::Content container-->
    </div>
    <!--end::Content container-->
</div>
@endsection

@section('js')
<script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
<script src="https://unpkg.com/axios@1.1.2/dist/axios.min.js"></script>
<script src="{{asset('assets/plugins/custom/tinymce/tinymce.bundle.js')}}"></script>
<script src="{{asset('assets/js/custom/apps/ecommerce/catalog/save-category.js')}}"></script>
<script>
    const currentRouteName = "{{ Route::currentRouteName() }}";
    const validation_error ="{{__('validation.validation_error')}}";

    // var detailsEn = {selector: "#details_en", height : "480"};
    // tinymce.init(detailsEn);

    // var detailsAr = {selector: "#details_ar", height : "480"};
    // tinymce.init(detailsAr);

    // var summaryEn = {selector: "#summary_en", height : "480"};
    // tinymce.init(summaryEn);

    // var summaryAr = {selector: "#summary_ar", height : "480"};
    // tinymce.init(summaryAr);
</script>
<script src="{{asset('assets/js/specialization.js')}}"></script>
@endsection