@extends('layouts.portal_theme_01')
@section('content')
    @php
        $profile = $data['profile'];
    @endphp

    <div class="container col-xl-12 col-xxl-8 px-4 py-5">
        <div class="row  g-lg-5 py-5">
            <div class="col-lg-6 text-center text-lg-start">
                <h1 class="display-4 fw-bold lh-1 text-body-emphasis mb-3">My Profile</h1>
                <p class="col-lg-10 fs-4">
                    Make yourself known by keeping your profile shiny!
                </p>
            </div>
            <div class="col-md-10 mx-auto col-lg-6">

                <form class="p-4 p-md-5 border rounded-3 bg-body-tertiary" method="POST" action="{{ route('save-profile') }}">
                    @csrf
                    <h2>Profile &amp; Address</h2>
                    <hr/>
                    @if (  session('message') )
                        <div class="alert alert-info mb-2">
                            {{  session('message')  }}
                        </div>
                    @endif

                    <div class="form-floating mb-3">
                        <textarea class="form-control" id="biotext" name="biotext" placeholder="Short bio text">{{ $profile['bio']??""  }}</textarea>
                        <label for="biotext">Intro Text</label>
                    </div>
                    <h3>Billing Details:</h3>
                    <div class="form-floating mb-3">
                        <input required type="text" class="form-control" id="fullname" name="fullname" placeholder="Fullname" value="{{ $profile['fullname']??""  }}"/>
                        <label for="address2">Fullname:</label>
                    </div>
                    <div class="form-floating mb-3">
                        <textarea required class="form-control" id="address1" name="address1" placeholder="Address Line 1">{{ $profile['address1']??""  }}</textarea>
                        <label for="address1">Address Line 1:</label>
                    </div>
                    <div class="form-floating mb-3">
                        <textarea class="form-control" id="address2" name="address2" placeholder="Address Line 2">{{ $profile['address2']??""  }}</textarea>
                        <label for="address2">Address Line 2 (Optional):</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="city" name="city" placeholder="City" value="{{ $profile['city']??""  }}">
                        <label for="city">City</label>
                    </div>
                    <div class="form-floating mb-3">
                        <select class="form-control" id="state" name="state" placeholder="State">
                            <option selected value="MN">Manipur</option>
                        </select>
                        <label for="state">State</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="pin" name="pin" placeholder="Pin Code" value="{{ $profile['pin']??""  }}">
                        <label for="pin">Pin Code</label>
                    </div>
                    <button class="w-100 btn btn-lg btn-info" type="submit" value="update">Update</button>
                </form>
            </div>
        </div>
    </div>
@endsection