@extends('layouts.website.website')

@section('content')
    <div class="no-bottom no-top" id="content">
        <div id="top"></div>

        <!-- section begin -->
        <section id="subheader" class="jarallax text-light">
            <img src="{{ asset('website/images/background/subheader.jpg') }}" class="jarallax-img" alt="">
            <div class="center-y relative text-center">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h1>Recipient Details</h1>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </section>
        <!-- section close -->


        <section id="section-cars" class="bg-gray-100">
            <div class="container">
                <div class="row">

                    @include('user.sidebar-menu')

                    <div class="col-lg-9">

                        <form action="{{ route('confirmation') }}" method="POST">
                            @csrf
                            <div class="card p-4 rounded-5 mb25">
                                <h4>Recipient Details</h4>

                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                <div class="de_tab_content">
                                    <div class="tab-1">
                                        <div class="row">
                                            <div class="col-lg-6 mb20">
                                                <h5>Firstname</h5>
                                                <input type="text" name="firstname" id="firstname" class="form-control"
                                                    value="" />
                                            </div>
                                            <div class="col-lg-6 mb20">
                                                <h5>Surname</h5>
                                                <input type="text" name="surname" id="surname" class="form-control"
                                                    value="" />
                                            </div>

                                            <div class="col-md-6 mb20">
                                                <h5>Email</h5>
                                                <input type="text" name="email" id="email" class="form-control"
                                                    value="" />
                                            </div>
                                            <div class="col-md-6 mb20">
                                                <h5>Phone</h5>
                                                <input type="text" name="phone" id="phone" class="form-control"
                                                    value="" />
                                            </div>

                                            <div class="col-md-6 mb20">
                                                <h5>Address 1</h5>
                                                <input type="text" name="address1" id="address1" class="form-control"
                                                    value="" />
                                            </div>
                                            <div class="col-md-6 mb20">
                                                <h5>Address 2</h5>
                                                <input type="text" name="address2" id="address2" class="form-control"
                                                    value="" />
                                            </div>
                                            <div class="col-md-6 mb20">
                                                <h5>Address 3</h5>
                                                <input type="text" name="address3" id="address3" class="form-control"
                                                    value="" />
                                            </div>
                                            <div class="col-md-6 mb20">
                                                <h5>City</h5>
                                                <input type="text" name="city" id="city" class="form-control"
                                                    value="" />
                                            </div>

                                            <div class="col-md-6 mb20">
                                                <h5>Country</h5>
                                                <input type="text" name="country" id="country" class="form-control"
                                                    readonly value="{{ Str::upper($country[0]['name']) }}" />
                                                <input type="hidden" name="country_id" id="country_id" class="form-control"
                                                    readonly value="{{ Str::upper($country[0]['id']) }}" />
                                            </div>
                                        </div>
                                    </div>


                                </div>

                            </div>
                            <button class="btn btn-primary btn-sm" type="submit">Save</button>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection