@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row add_consulting_from" method="post" action="{{ $action }}" enctype="multipart/form-data" autocomplete="off">
            @if($consulting ?? ''  && $consulting->id)
                @method('PUT')
            @endif
            @csrf

                <div class="form-group col-lg-3">
                    <label>{{ meta('consulting_date', $lang) ?? __('consultings.consulting_date') }} </label>
                    <input type="date" class="form-control" name="consulting_date" placeholder="{{ meta('consulting_date', $lang) ?? __('consultings.consulting_date') }}" value='{{ $consulting->consulting_date ?? "" }}'/>
                </div>
                <div class="form-group col-lg-3">
                    <label>{{ meta('consulting_time', $lang) ?? __('consultings.consulting_time') }} </label>
                    <input type="time" class="form-control" name="consulting_time" placeholder="{{ meta('consulting_time', $lang) ?? __('consultings.consulting_time') }}" value='{{ $consulting->consulting_time ?? "" }}'/>
                </div>
                <div class="form-group col-lg-3">
                    <label>{{ meta('price', $lang) ?? __('consultings.price') }} </label>
                    <input type="number" class="form-control" name="price" placeholder="{{ meta('price', $lang) ?? __('consultings.price') }}" value='{{ $consulting->price ?? "" }}'/>
                </div>
                <div class="form-group col-lg-3">
                    <label>{{ meta('status', $lang) ?? __('consultings.status') }} </label>
                    <select name="status" id="status" class="form-control">
                        <option value="">{{ meta('status', $lang) ?? __('consultings.status') }}</option>
                        <option {{ ($consulting->status ?? null) == '1' ? 'selected' : '' }} value="1">{{__('consultings.active')}}</option>
                        <option {{ ($consulting->status ?? null) == '0' ? 'selected' : '' }} value="0">{{__('consultings.not_active')}}</option>
                    </select>
                </div>

{{--                <div class="card col-md-12 mb-3">--}}
{{--                    <div class="card-header">--}}
{{--                        <h3>{{__('consultings.type')}}</h3>--}}
{{--                    </div>--}}
{{--                    <div class="card-body row justify-content-around">--}}
{{--                        <div class="col-md-2">--}}
{{--                            <div class="custom-control custom-checkbox mb-2">--}}
{{--                                <input type="radio" {{ ($consulting->type ?? null) == 'urgent' ? 'checked' : '' }} value="urgent" class="custom-control-input" id="urgent" name="type">--}}
{{--                                <label class="custom-control-label" for="urgent"> {{__('consultings.urgent')}}</label>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-md-2">--}}
{{--                            <div class="custom-control custom-checkbox mb-2">--}}
{{--                                <input type="radio" {{ ($consulting->type ?? null) == 'appointment' ? 'checked' : '' }} value="appointment" class="custom-control-input" id="appointment" name="type">--}}
{{--                                <label class="custom-control-label" for="appointment"> {{__('consultings.appointment')}}</label>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
                <div class="card col-md-12 mb-3">
                    <div class="card-header">
                        <h3>{{__('consultings.way')}}</h3>
                    </div>
                    <div class="card-body row justify-content-around">
                        <div class="col-md-2">
                            <div class="custom-control custom-checkbox mb-2">
                                <input type="radio" {{ ($consulting->way ?? null) == 'phone' ? 'checked' : '' }} value="phone" class="custom-control-input" id="phone" name="way">
                                <label class="custom-control-label" for="phone"> {{__('consultings.phone')}}</label>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="custom-control custom-checkbox mb-2">
                                <input type="radio" {{ ($consulting->way ?? null) == 'zoom' ? 'checked' : '' }} value="zoom" class="custom-control-input" id="zoom" name="way">
                                <label class="custom-control-label" for="zoom"> {{__('consultings.zoom')}}</label>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="custom-control custom-checkbox mb-2">
                                <input type="radio" {{ ($consulting->way ?? null) == 'office' ? 'checked' : '' }} value="office" class="custom-control-input" id="office" name="way">
                                <label class="custom-control-label" for="office"> {{__('consultings.office')}}</label>
                            </div>
                        </div>
                    </div>
                </div>







            <div class="text-center mt-5 col-12">
                <button class="butn add_consulting_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>



@endsection

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    {{--    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>--}}
    <script>
        var route_prefix = "{{ url(config('lfm.prefix')) }}";
        var url = "{{url('/')}}/",
            currentLanguage = "{{$lang}}",
            inputName = '';
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lib/toastr.min.js') }}"></script>



    <script>

        $('.add_consulting_button').click(async function (e) {
            e.preventDefault();
            $(this).prop('disabled', true);

            let form = $('.add_consulting_from'),
                data = new FormData(form[0]),
                url = form.attr('action'),
                method = form.attr('method');


            const response=await ajax({
                url,
                data,
                dataType: 'json',
                method
            });

            if (response.url){
                window.location.href = response.url;
            }

            if (response.errors){
                $(this).prop('disabled', false);
                toasterError(response.errors);
            }


        });

    </script>

    @endsection