@extends('layouts.app')
@section('content')
    <div class="container body-content ps-0 pe-0">
        <div class="row mt-5 mb-5">
            <div class="col-lg-11 col-12 ps-0 mx-auto">
                <div class="card pt-2 pb-3">
                    <div class="card-body">
                        <h3 class="title-section text-center">{{ $page->title }}</h3>
                        <div>{!! $page->content !!}</div>
                        <div class="mt-4">
                            <div class="Suggestions-Criticisms">
                                <form class="cool-b4-form" method="POST" action="{{ route('contact-us.store') }}" enctype="multipart/form-data">
                                    @csrf
                                    @include('layouts.errors')
                                    <div class="row">
                                        <div class="col-md-6">
                                            @if(count($categories))
                                                <div class="mb-3">
                                                    <select class="form-control form-select" required
                                                            name="category_id" id="category_id">
                                                        <option
                                                            value="">{{ __('Please select a message category') }} *
                                                        </option>
                                                        @foreach($categories as $category)
                                                            <option value="{{ $category->id }}"
                                                                {{ old('category_id') == $category->id ? 'selected' : '' }}>
                                                                {{ $category->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif
                                            <div class="mb-3">
                                                <input type="text" class="form-control" required name="name"
                                                       id="name" placeholder="{{ __('Full name') }} *"
                                                       value={{ old('name') }}>
                                            </div>
                                            <div class="mb-3">
                                                <input type="text" class="form-control" required name="mobile"
                                                       id="number" placeholder="{{ __('Mobile') }} *"
                                                       value={{ old('mobile') }}>
                                            </div>
                                                <div class="mb-2">
                                                <input type="email" class="form-control"
                                                       placeholder="E-Mail Address" name="email" id="email"
                                                       value={{ old('email') }}>
                                            </div>
                                            <div>
                                                <label for="file">آپلود فایل (فرمت‌های مجاز png,jpg,jpeg,mp4,pdf و
                                                    حداکثر حجم قابل 1Mb می‌باشد)</label>
                                                <input type="file" class="form-control" name="file" id="file">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                            <textarea name="message" id="message" placeholder="{{ __('Message text') }} *"
                                      class="form-control"
                                      rows="{{ count($categories) ? '11' : '9' }}"
                                      required>{{ old('message') }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 col-12 text-center mt-5 mx-auto">
                                            <button type="submit" class="btn btn-lg btn-primary sweet-btn form-control">
                                                <span class="fa fa-paper-plane"></span>
                                                {{ __('Save') }}
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection