@extends('admin.layouts.container')

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

    <div class="border-item">
        <form class="form-row" method="post" onsubmit="saveForm(this)" action="{{ $action }}">
            @if($volunteer ?? ''  && $volunteer->id)
                @method('PUT')
            @endif
            @CSRF

            <div class="form-group col-lg-6">
                <label>{{ meta('name', getCurrentLocale()) ?? __('volunteers.name') }} </label>
                <input type="text" class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" name="name" placeholder="{{ meta('name', getCurrentLocale()) ??__('volunteers.name') }}" value='{{ old("name", $volunteer->name ?? "") }}'/>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ meta('phone', getCurrentLocale()) ?? __('volunteers.phone') }} </label>
                <input type="number" class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}" name="phone" placeholder="{{ meta('phone', getCurrentLocale()) ?? __('volunteers.phone') }}" value='{{ old("phone", $volunteer->phone ?? "") }}'/>
            </div>

            <div class="form-group col-lg-12">
                <label>{{ meta('message', getCurrentLocale()) ?? __('volunteers.message') }} </label>
                <textarea class="form-control {{ $errors->has('message') ? 'is-invalid' : '' }}" name="message" placeholder="{{ meta('message', getCurrentLocale()) ?? __('volunteers.message') }}">{{ old("message", $volunteer->message ?? "") }}</textarea>
            </div>



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

@endsection

@section('inner_js')
    <!-- Editor JS orders -->
    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
@endsection