@extends('front.app')
@section('content')
    <link href="{{asset('css/petition.css')}}" id="app-style" rel="stylesheet" type="text/css"/>
    <section class="wrapper bg-light">
        <div class="container pt-10 pt-md-14 pb-14 pb-md-16 text-center">
            <div class="row gx-lg-8 gx-xl-12 gy-10 gy-xl-0 mb-14 align-items-center">
                <div class="col-lg-7 order-lg-2">
                    <figure>
                        <img class="img-auto" src="{{asset('front/img/illustrations/i16.png')}}" srcset="{{asset('front/img/illustrations/i16@2x.png 2x')}}" alt=""/>
                    </figure>
                </div>
                <!-- /column -->
                <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start">
                    <h1 class="display-1 fs-54 mb-5 mx-md-n5 mx-lg-0 mt-7"> {{ trans('module.petition_create') }} <br>
                        <span>
                            <a style="font-family: monospace" class="btn btn-danger red-color-background mt-10" href="{{route('petition.create')}}">
                                {{ trans('module.petition_title') }}
                            </a>
                        </span>
                        <span>
                            <a style="font-family: monospace" class="btn btn-danger red-color-background mt-10" href="#petition_check">
                                {{ trans('module.petition_check') }}
                            </a>
                        </span>
                    </h1>
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->

            <div class="container mt-5">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <h2 class="text-center mb-4">Bine ați venit!</h2>
                        <p>Suntem bucuroși că sunteți interesat să ne împărtășiți preocupările și sugestiile dumneavoastră. Vă invităm să completați formularul de mai jos pentru a ne trimite o petiție. Echipa noastră va analiza cu atenție fiecare petiție și va răspunde în cel mai scurt timp posibil.</p>
                        <p>Vă rugăm să completați toate câmpurile obligatorii și să descrieți cât mai detaliat posibil problema sau sugestia dumneavoastră. Informațiile pe care le furnizați sunt extrem de valoroase pentru noi și ne ajută să îmbunătățim continuu serviciile noastre.</p>
                        <p>
                            <a style="font-family: monospace" class="btn btn-danger red-color-background" href="{{route('petition.create')}}">
                                {{ trans('module.petition_title') }}
                            </a>
                        </p>
                        <p>Vă mulțumim pentru implicare și contribuția dumneavoastră!</p>
                    </div>
                </div>
            </div>


            <div class="container mt-5" id="petition_check">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <h2 class="text-center mb-4">{{ trans('module.petition_check') }}</h2>
                        <form class="form-inline petition-search" method="GET" action="{{ route('petition.index') }}">
                            <div class="row">
                                <div class="col-md-6 offset-md-2 mb-2 mb-md-0">
                                    <label class="sr-only" for="field1">{{ trans('module.petition_code') }}</label>
                                    <input type="text" id="field1" class="form-control" name="p" value="{{ isset($_GET['p']) ? $_GET['p'] : '' }}" placeholder="{{ trans('module.petition_code') }}">
                                </div>
                                <div class="col-md-2">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa-solid fa-magnifying-glass"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                @if(isset($_GET['p']) && !empty($_GET['p']))
                    <div class="row justify-content-center mt-5">
                        <div class="col-md-8">
                            <div class="card">
                                <div class="card-body">
                                    @if(isset($results) && !empty($results))
                                        <p>{{ trans('module.petition_code') }} <strong>{{$results->code}}</strong></p>
                                        <p>{{ trans('module.petition_status') }} <strong>{{ (!empty($results->status) && isset($statuses[$results->status])) ? $statuses[$results->status] : '-'}}</strong> </p>
                                        <p>{{ trans('module.petition_user') }} <strong>{{$results->name}} {{$results->lname}}</strong></p>
                                        <p>{{ trans('module.petition_update') }} <strong>{{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $results->updated_at)->format('d-m-Y') }}</strong></p>
                                    @else
                                        <h3 class="text-center">{{ trans('module.petition_empty') }} <strong>{{$_GET['p']}}</strong></h3>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>



        </div>
        <!-- /.container -->
    </section>
@endsection

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