@extends('layouts.app')
@section('title', 'Account Setup')
@section('content')
@php
    $countries  = App\Models\Country::all();
    $currencies = App\Models\Currency::all();
@endphp
<section class="content">
    <div class="section-area">
        <div class="title">
            <span>Select Country & Wallet Currency</span>
        </div>
        <div class="info">
            <span>Select your country of residence and your prefferedwallet currency. You won't be able to change your <br>wallet currency once your account has been opened.</span>
        </div>
        <div class="process-section">
            <div class="row justify-content-center">
                <div class="col-md-8">
                  <form action="{{url('account/setup/1')}} " method="post">
                    {{ csrf_field() }}
                    <div class="process-section-inner">
                        <div class="process-section-single">
                            <label>Country of residence</label>
                            <select class="form-control" name="country_id">
                                <option value="">Please select one</option>
                                @foreach($countries as $key => $country)
                                    <option value="{{$country->id}}" {{ (isset($account) && $country->id == $account->country_id) ? 'selected' : ''}}>{{ $country->name }}</option>
                                @endforeach
                            </select>
                            @error('country_id')
                                <label class="text-danger mt-3">Please Select Country</label>
                            @enderror
                        </div>
                        <div class="process-section-single">
                            <label>Currency</label>
                            <select class="form-control" name="currency_id">
                                <option value="">Please select one</option>
                                @foreach($currencies as $key => $currency)
                                    <option value="{{$currency->id}}" {{ (isset($account) && $currency->id == $account->currency_id) ? 'selected' : '' }}>{{$currency->code}}</option>
                                @endforeach
                            </select>
                            @error('currency_id')
                                <label class="text-danger mt-3">Please Select Currency</label>
                            @enderror
                        </div>
                        <div class="card-action-area">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="main-btn">
                                        <button type="submit">Next</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                  </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection