@extends('frontend.user-dashboard.layout.app')

@section('header')
    @include('frontend.user-dashboard.include.header')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


    @include('frontend.user-dashboard.include.sidebar')
@endsection

@section('content')
@php 
    $residence_choose = '';
    $settings =Session::has('settings')?Session::get('settings')[0]:[];
    $delivery_date = date("F j, Y", strtotime(data_get($settings,'delivery_date')));
    $max_age = Session::get('max_age'); 
@endphp


<div class="dashboard_wrapper">
    @if(isset($iscompletedApplication))
    <div class="topbar">
        <h3>{{ __('form.Hi') }}, <strong>{{ auth()->user()->name }}</strong></h3>
        
        <h6>{{ __('form.successHeadermsg.1') }} {{@$settings->current_year}} {{ __('form.successHeadermsg.2') }}</h6>
        <p style="font-size: 30px !important;">  {{ __('form.Application') }}: {{@$iscompletedApplication->id}}</p>
            <div class="progress_bar">
        <p>{{ __('form.SuccessMessage') }} {{ \Carbon\Carbon::parse($settings->last_date_of_application_submission)->format('F d, Y') }}
        </p>
    </div>
</div>
@else
    <div class="topbar">
        <h3>{{ __('form.Hi') }}, <strong>{{ auth()->user()->name }}</strong></h3>
        {{-- <h5>{{ __('form.headerMsg') }}</h5> --}}
       
    </div>
    @endif
    <div class="lang_block">
        <div class="inner">
            <div class="icon_box">
                <img src="{{asset('/frontend')}}/user-assets/img/translation_icon.svg" alt="">
            </div>
            <label for="">Language:</label>
            <select name="" class="right-container" id="lang-change">
                @foreach (config('app.allowed_languages') as $ln_key => $ln_value)
                    <option class="text-black" value="{{ $ln_key }}" {{ App::getLocale() == $ln_key ? 'selected' : '' }}>{{ $ln_value }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="content_area">
        <form method="post" action="{{ route('user.questions.StepFiveStore') }}">
            @csrf
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
           
            <div class="content_box step" >
                <div class="row">
                    <div class="col-12">
                        <h2>{{ __('form.Application') }}: {{@$ApplicationForm->id}}</h2><br>
                        <div class="table-responsive">
                            <table class="table" style="width: 100%; border-collapse: collapse;">
                                <thead style="background-color: #ee2555; color: white;">
                                    <tr>
                                        <th scope="col" colspan="2">{{ __('form.myInformation') }}</th>
                                    </tr>
                                </thead>
                                <tr>
                                    <td width="70%">{{ __('form.q6_placeholder1') }}</td>
                                    <td>{{@$ApplicationForm->first_name}}</td>
                                </tr>
                                <tr>
                                    <td width="70%">{{ __('form.q6_placeholder2') }}</td>
                                    <td>{{@$ApplicationForm->last_name}}</td>
                                </tr>
                                <tr>
                                    <td width="70%">{{ __('form.question7') }}</td>
                                    <td>{{@$ApplicationForm->contact_no}}</td>
                                </tr>
                                <tr>
                                    <td width="70%">{{ __('form.question8') }}</td>
                                    <td>{{@$ApplicationForm->email}}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="table-responsive">
                            <table class="table" style="width: 100%; border-collapse: collapse;">
                                <thead style="background-color: #ee2555; color: white;">
                                    <tr>
                                        <th scope="col" colspan="2">{{ __('form.serviceAddress') }}</th>
                                    </tr>
                                </thead>
                                <tr>
                                    <td width="20%">{{ __('form.HomeAddress') }}</td>
                                    <td>{{@$ApplicationForm->address}} {{@$ApplicationForm->city}} {{@$ApplicationForm->state}} {{@$ApplicationForm->zip}}</td>
                                </tr>
                                <tr>
                                    <td width="70%">{{ __('form.question5') }}</td>
                                    <td>@if(@$ApplicationForm->residence == 'yes') {{ __('form.yes') }} @elseif(@$ApplicationForm->residence == 'no') {{ __('form.No') }} @endif</td>
                                </tr>
                                @if(@$ApplicationForm->residence == 'yes')
                                <tr>
                                    <td width="70%">{{ __('form.q5_placeholder1') }}</td>
                                    <td>{{@$ApplicationForm->unit_no}}</td>
                                </tr>
                                {{-- <tr>
                                    <td width="70%">{{ __('form.q5_placeholder2') }}</td>
                                    <td>{{@$ApplicationForm->gate_code}}</td>
                                </tr> --}}
                                @endif
                            </table>
                        </div>
                        <div class="table-responsive">
                            <table class="table" style="width: 100%; border-collapse: collapse;">
                                {{-- <thead style="background-color: #ee2555; color: white;">
                                    <tr>
                                        <th scope="col" colspan="2">{{ __('form.HouseholdInformation') }}</th>
                                    </tr>
                                </thead> --}}
                                {{-- <tr>
                                    <td width="70%">{{ __('form.question3') }}</td>
                                    <td>@if(@$ApplicationForm->recipient_gift_status == 'yes') {{ __('form.yes') }} @elseif(@$ApplicationForm->recipient_gift_status == 'no') {{ __('form.No') }} @endif</td>
                                </tr> --}}
                                {{-- <tr>
                                    <td width="70%">{{ __('form.question9') }}</td>
                                    <td>{{@$ApplicationForm->no_of_people_lived}}</td>
                                </tr>
                                <tr>
                                    <td width="20%">{{ __('form.question11') }}</td>
                                    <td>@if(@$ApplicationForm->relationship_type == 'yes') {{ __('form.yes') }} @elseif(@$ApplicationForm->relationship_type == 'no') {{ __('form.No') }} @endif</td>
                                </tr> --}}
                                @if(@$ApplicationForm->relationship_type == 'no')
                                <tr>
                                    <td width="20%">{{ __('form.question11_placeholder') }}</td>
                                    <td>{{@$ApplicationForm->relation_name}}</td>
                                </tr>
                                @endif
                            </table>
                        </div>
                        <div class="table-responsive">
                            {{-- <table class="table" style="width: 100%; border-collapse: collapse;">
                                <thead style="background-color: #ee2555; color: white;">
                                    <tr>
                                        <th scope="col" colspan="2">{{ __('form.ChildrenInformation') }}</th>
                                    </tr>
                                </thead>
                                <tr>
                                    <td width="70%">{{ __('form.question10.1') }} {{ @$max_age }} {{ __('form.question10.2') }} {{ $delivery_date }}?</td>
                                    <td>{{@$ApplicationForm->member_of_household}}</td>
                                    
                                </tr>
                            </table> --}}
                            <table class="table" style="width: 100%; border-collapse: collapse;">
                                <thead style="background-color: #001a70; color: white;">
                                    <tr>
                                        <th scope="col">{{ __('form.q6_placeholder1') }}</th>
                                        <th scope="col">{{ __('form.q6_placeholder2') }}</th>
                                        <th scope="col">{{ __('form.toy_preference') }}</th>
                                        <th scope="col">{{ __('form.age_group') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(isset($ApplicationForm->child_details))
                                    <h4>{{ __('form.ChildList') }}</h4>
                                    @foreach($ApplicationForm->child_details as $child)
                                    <tr>
                                        <td>{{$child->first_name}}</td>
                                        <td>{{$child->last_name}}</td>
                                        <td>
                                        @if ($child->toy_type == 'boy_toys')
                                            {{ __('form.boy_toy') }}
                                        @elseif ($child->toy_type == 'girl_toys')
                                            {{ __('form.girl_toy') }}
                                        @endif
                                       </td>

                                        <td>
                                            @if ($child->age_group == 1)
                                            {{ __('form.less1') }}
                                        @elseif ($child->age_group == 2)
                                        1 - 2
                                        @elseif ($child->age_group == 3)
                                            3 - 4
                                        @elseif ($child->age_group == 4)
                                            5 - 7
                                        @elseif ($child->age_group == 5)
                                           8 - 10
                                        @elseif ($child->age_group == 6)
                                            11 - 14
                                        @endif

                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        {{-- for picked up alternate person --}}
                        <div class="table-responsive">
                            <table class="table" style="width: 100%; border-collapse: collapse;">
                                <thead style="background-color: #ee2555; color: white;">
                                    <tr>
                                        <th scope="col" colspan="2">{{ __('form.Pickup_Person') }}</th>
                                    </tr>
                                </thead>
                                <tr>
                                    <td width="70%">{{ __('form.question6_new') }}</td>
                                    <td>{{ @$ApplicationForm->alternate_person_first_name ? @$ApplicationForm->alternate_person_first_name . ' ' . @$ApplicationForm->alternate_person_last_name : 'N/A' }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="table-responsive">
                            <table class="table" style="width: 100%; border-collapse: collapse;">
                                <thead style="background-color: #ee2555; color: white;">
                                    <tr>
                                        <th scope="col" colspan="2">{{ __('form.Delivery_and_Pickup') }}</th>
                                    </tr>
                                </thead>
                                <tr>
                                    <td width="70%">{{ __('form.question13') }}</td>
                                    <td>@if(@$ApplicationForm->package_pickup_status == 'pickup') {{ __('form.pickup') }} @elseif(@$ApplicationForm->package_pickup_status == 'delivery') {{ __('form.delivery') }} @endif</td>
                                </tr>
                                @if(@$ApplicationForm->package_pickup_status == 'pickup')
                                <tr>
                                    <td width="20%">{{ __('form.Date') }}</td>
                                    <td>{{ \Carbon\Carbon::parse($ApplicationForm->pickup_date)->format('d-m-Y') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td width="20%">{{ __('form.Timebegin') }}</td>
                                    <td>{{@$ApplicationForm->pickup_time_begin}}</td>
                                </tr>
                                <tr>
                                    <td width="20%">{{ __('form.TimeEnd') }}</td>
                                    <td>{{@$ApplicationForm->pickup_time_end}}</td>
                                </tr>
                                <tr>
                                    <td width="20%">{{ __('form.Location') }}</td>
                                    <td>{{@$ApplicationForm->pickup_location}}</td>
                                </tr>
                                @elseif(@$ApplicationForm->package_pickup_status == 'delivery')
                                <tr>
                                    <td width="20%">{{ __('form.Date') }}</td>
                                    <td>{{@$ApplicationForm->delivery_date}}</td>
                                </tr>
                                @endif
                            </table>
                        </div>
                        
                    </div>
                </div>

            </div>
        </div>




@endsection
@section('footer')
    @include('frontend.user-dashboard.include.footer')
@endsection