@section('title', __('site.page_forms_answers_complete_title'))
@section('head')
@endsection
@include('includes/header')
@include('includes/topSite')
<div class="content">

    <div class="row">
        <div class="col-12">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
                <div class="flex-grow-1">
                    <h1 class="h3 fw-bold mb-2">
                        {{ __('site.page_forms_answers_complete_title') }}
                    </h1>
                </div>
                <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt push mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.home.r') }}">{{ __('general.top_menu_item_site') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('site.menu_item_5') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.forms.r') }}">{{ __('site.menu_item_5_sub_8') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.forms.r.answers',$formData->id) }}">{{ $formData->name }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('site.page_forms_answers_complete_title') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12">

            <div class="block block-rounded">
                <div class="block-content p-0">
                    <div class="ps-2 pe-4 pt-2 mb-2 border-bottom border-1">
                        <div class="d-md-flex">
                            <div class="flex-grow-1 mb-2">
                                <a class="btn btn-alt-secondary" href="{{ route('site.forms.r.answers',$formData->id) }}"><i class="fa fa-arrow-left me-1"></i> {{ __('site.page_post_cat_btn_back') }}</a>
                            </div>
                        </div>
                    </div>
                    <div class="h-width ps-3 pe-3 pb-1 pt-2 mb-2">

                        <div class="mb-3">
                            <label class="form-label" for="example-text-input">{{ __('site.page_forms_answers_complete_input_1') }}</label>
                            <input type="text" class="form-control" disabled value="{{ $answerData->ip }}">
                        </div>

                        <div class="pb-4 border-bottom border-1">
                            <label class="form-label" for="example-text-input">{{ __('site.page_forms_answers_complete_input_2') }}</label>
                            <input type="text" class="form-control" disabled value="{{ date('d/m/Y H:i',strtotime($answerData->created_at)) }}">
                        </div>

                        @php
                        $i=0;
                        foreach($formInputs as $input){
                        @endphp
                        <div class="mt-3 mb-3">
                            <label class="form-label" for="example-text-input">{{ $input->name }}</label>
                            @if($input->type == '2')
                            <textarea class="form-control" disabled rows="4">{{ $expAns[$i] }}</textarea>
                            @else
                                    <input type="text" class="form-control" disabled value="{{ $expAns[$i] }}">
                            @endif
                        </div>
                        @php $i++;} @endphp
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>

</div>

</main>


@include('includes/footer')

</div>
<script src="/assets/js/lib/jquery.min.js"></script>
<script src="/assets/js/main.min.js"></script>
</body>
</html>