@extends('front.app')
@section('content')
    <link href="{{asset('css/petition.css')}}" id="app-style" rel="stylesheet" type="text/css"/>

    <section class="wrapper bg-light">

        @if(session('success'))
            <div class="container mt-5 mb-5 text-center">
                <div class="row">
                    <div class="alert alert-success">
                        {!! session('success') !!}
                    </div>
                </div>
            </div>
        @endif

        <div class="container mt-5 mb-5">
            <div class="row">
                <div class="col-md-12">
                    <p class="lead">
                        Prin "PETIȚIE" înțelegem cererea, reclamația, sesizarea sau propunerea exprimată în scris sau prin poștă electronică, pe care un cetățean sau o organizație legal constituită o poate adresa autorităților și instituțiilor publice centrale și locale, precum și serviciilor publice descentralizate ale ministerelor și soluționarea petițiilor cu modificările ulterioare).
                    </p>
                    <p class="lead">
                        Pentru informații despre starea curenta a unei petitii, vă rugăm să accesați <a href="{{ route('petition.index') }}#petition_check">aici</a>.
                    </p>
                    <p class="lead">
                        Pentru informații referitoare la prelucrarea datelor cu caracter personal, vă rugăm să accesați <a href="{{ route('utile.politicaDeConfidentialitate') }}">aici</a>.
                    </p>
                </div>
            </div>
        </div>

        <div class="container mt-5 mb-5">
            <div class="row">
                <div class="col-md-6 offset-md-3">
                    <h2 class="text-center mb-4">{{ trans('module.petition_title') }}</h2>
                    <form action="{{ route('petition.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group mb-2">
                            <label for="person" class="mr-3">{{ trans('module.petition_field_1') }}</label>
                            <div class="form-check-inline">
                                <input class="form-check-input" type="radio" name="person" id="person_fizica" value="fizica" checked>
                                <label class="form-check-label mr-3" for="person_fizica">
                                    <i class="fas fa-user mr-1"></i> {{ trans('module.petition_field_1_1') }}
                                </label>
                            </div>
                            <div class="form-check-inline">
                                <input class="form-check-input" type="radio" name="person" id="person_juridica" value="juridica">
                                <label class="form-check-label mr-3" for="person_juridica">
                                    <i class="fas fa-building mr-1"></i> {{ trans('module.petition_field_1_2') }}
                                </label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="name">{{ trans('module.petition_field_2') }} <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-user"></i></span>
                                </div>
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" required>
                            </div>
                            @error('name')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="lname">{{ trans('module.petition_field_3') }} <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-user"></i></span>
                                </div>
                                <input type="text" class="form-control" id="lname" name="lname" value="{{ old('lname') }}" required>
                            </div>
                            @error('lname')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="cnp">{{ trans('module.petition_field_4') }} <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-id-card"></i></span>
                                </div>
                                <input type="text" class="form-control" id="cnp" name="cnp" value="{{ old('cnp') }}" required>
                            </div>
                            @error('cnp')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="email">{{ trans('module.petition_field_5') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-envelope"></i></span>
                                </div>
                                <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}">
                            </div>
                            @error('email')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="phone">{{ trans('module.petition_field_6') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                </div>
                                <input type="text" class="form-control" id="phone" name="phone" value="{{ old('phone') }}">
                            </div>
                            @error('phone')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="country">{{ trans('module.petition_field_7') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-globe"></i></span>
                                </div>
                                <input type="text" class="form-control" id="country" name="country" value="{{ old('country') }}">
                            </div>
                            @error('country')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="city">{{ trans('module.petition_field_8') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-city"></i></span>
                                </div>
                                <input type="text" class="form-control" id="city" name="city" value="{{ old('city') }}">
                            </div>
                            @error('city')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="address">{{ trans('module.petition_field_9') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span>
                                </div>
                                <input type="text" class="form-control" id="address" name="address" value="{{ old('address') }}">
                            </div>
                            @error('address')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="unit">{{ trans('module.petition_field_10') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-building"></i></span>
                                </div>
                                <input type="text" class="form-control" id="unit" name="unit" value="{{ old('unit') }}">
                            </div>
                            @error('unit')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="postal">{{ trans('module.petition_field_11') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-signs-post"></i></span>
                                </div>
                                <input type="text" class="form-control" id="postal" name="postal" value="{{ old('postal') }}">
                            </div>
                            @error('postal')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group mt-2">
                            <label for="file">{{ trans('module.petition_field_12') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-file"></i></span>
                                </div>
                                <input type="file" class="form-control-file" id="file" name="file" accept="image/*, .doc, .docx, .pdf, .ppt, .pptx, .xls, .xlsx, .mp4, .mov, .avi, .zip, .rar, .7z">
                            </div>
                        </div>
                        <div class="form-group mt-2">
                            <label for="description">{{ trans('module.petition_field_13') }} <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-comment"></i></span>
                                </div>
                                <textarea class="form-control" id="description" name="description" rows="3" required>{{ old('description') }}</textarea>
                            </div>
                            @error('description')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group mt-2">
                            <button type="submit" class="btn btn-primary"><i class="fas fa-paper-plane"></i>&nbsp;&nbsp; {{ trans('module.petition_save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </section>

@endsection

@push('scripts')
    <script src="https://kit.fontawesome.com/4dc00b96d1.js" crossorigin="anonymous"></script>
@endpush