@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('banner_image', "banners/".$banner_data->banner_image)
@section('canonical_tag', $meta_data->canonical_tag)
@section('content')
<main>
    <div class="container-fluid checkout">
        <div class="row checkout__address"> 
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 checkout__address__billing address">
                <div class="row">
                    <div class="col-12 address__title">
                        <h2 class="bold-heading" style="border:0;">Your Info</h2>
                    </div>
                </div>
                <form class="form" id="edit_profile_form">
                    @csrf
                    <div class="row address__field form-group">
                        <div class="col-12 address__field__label">
                            <label for="user_first_name">First Name</label>
                        </div>
                        <div class="col-12 col-sm-12 col-md-8 col-9 address__field__input">
                            <input type="text" class="form-control" id="user_first_name" name="user_first_name" value="{{$user_data->user_first_name}}" required>
                            <div class="error">
                                <span id="user_first_name_err"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row address__field form-group">
                        <div class="col-12 address__field__label">
                            <label for="user_last_name">Last Name</label>
                        </div>
                        <div class="col-12 col-sm-12 col-md-8 col-9 address__field__input">
                            <input type="text" class="form-control" id="user_last_name" name="user_last_name" value="{{$user_data->user_last_name}}" required>
                            <div class="error">
                                <span id="user_last_name_err"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row address__field form-group">
                        <div class="col-12 address__field__label">
                            <label for="user_email_id">Email</label>
                        </div>
                        <div class="col-12 col-sm-12 col-md-8 col-9 address__field__input">
                            <input type="email" class="form-control" id="user_email_id" value="{{$user_data->user_email_id}}" disabled>
                        </div>
                    </div>
                    <div class="row address__field form-group">
                        <div class="col-12 address__field__label">
                            <label for="user_mobile_number">Mobile Phone</label>
                        </div>
                        <div class="col-12 col-sm-12 col-md-8 col-9 address__field__input">
                            <input type="text" class="form-control" id="user_mobile_number" name="user_mobile_number" value="{{$user_data->user_mobile_number}}" maxlength="10" inputmode="numeric" pattern="[0-9]*" required>
                            <div class="error">
                                <span id="user_mobile_number_err"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row address__field form-group">
                        <div class="col-12 col-sm-12 col-md-8 col-9 address__field__input">
                            <button type="submit">Update</button>
                        </div>
                    </div>
                </form>
            </div>
            
        </div>
        <div class="row checkout__concierge">
            <div class="col-12 checkout__concierge__text">
                <h2 class="bold-heading">Concierge Notifications</h2>
                <p>How would you like to keep in touch?</p>
            </div>
            @foreach($notifications as $notification_row)
            <div class="col-12 col-sm-12 col-md-6 col-lg-3 checkout__concierge__options">
                <div class="checkout__concierge__options__block">
                    <input type="radio" value="{{$notification_row->id}}" class="notification_method_id" name="notification_method_id" id="notification_method_{{Str::slug($notification_row->notification_title, '_')}}" @if($user_data->notification_method_id == $notification_row->id) checked @endif>
                    <label for="notification_method_{{Str::slug($notification_row->notification_title, '_')}}">{{$notification_row->notification_title}}</label>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</main>
@endsection