@extends('layouts.store')
@section('body')
    <section class="section-content padding-y">
        <div class="container">

            <div class="row">
                @include("partials.store.profile-menu")
                <main class="col-md-9">
                    <div class="card">
                        <div class="card-body">
                            <form class="row" method="POST" action="{{route("frontend.store.profile.update")}}">
                                @csrf
                                <div class="col-md-9">
                                    <div class="form-row">
                                        <div class="col form-group">
                                            <label>Name</label>
                                            <input type="text" name="name" class="form-control" value="{{$user->name}}">
                                        </div> <!-- form-group end.// -->
                                        <div class="col form-group">
                                            <label>Email</label>
                                            <input type="email" name="email" class="form-control" value="{{$user->email}}">
                                        </div> <!-- form-group end.// -->
                                    </div> <!-- form-row.// -->
                                    <div class="form-row">
                                        <div class="col form-group">
                                            <label>Address</label>
                                            <div class="list-group">
                                                @foreach ($addresses as $address)
                                                    @if ($address->is_primary)
                                                        <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active">
                                                            <div class="d-flex w-100 justify-content-between">
                                                                <h5 class="mb-1">{{$address->name_receiver}} <span class="badge badge-primary">Primary</span></h5>
                                                                <small><button type="button" class="btn btn-danger btn-sm">Delete</button></small>
                                                            </div>
                                                            <p class="mb-1">{{$address->full_address}}</p>
                                                            <small>{{$address->phone_number_receiver}}</small>
                                                        </a>
                                                    @else
                                                        <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
                                                            <div class="d-flex w-100 justify-content-between">
                                                            <h5 class="mb-1">{{$address->name_receiver}}</h5>
                                                            <small class="text-muted"><button type="button" class="btn btn-danger btn-sm">Delete</button></small>
                                                            </div>
                                                            <p class="mb-1">{{$address->full_address}}</p>
                                                            <small class="text-muted">{{$address->phone_number_receiver}}</small>
                                                        </a>
                                                    @endif
                                                @endforeach
                                              </div>
                                              <a href="{{route('frontend.store.profile.setting.address')}}"><button type="button" class="btn btn-primary mt-2">Add New +</button></a>
                                            {{-- <textarea type="text" name="address" class="form-control">{{$user->address}}</textarea> --}}
                                        </div> <!-- form-group end.// -->
                                    </div> <!-- form-row.// -->

                                    {{-- <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label>Phone</label>
                                            <input type="text" name="phone_number" class="form-control" value="{{$user->phone_number}}">
                                        </div> <!-- form-group end.// -->
                                    </div> <!-- form-row.// --> --}}

                                    <button type="submit" class="btn btn-primary">Save</button>
                                    <button type="button" class="btn btn-light">Change password</button>

                                    <br><br><br><br><br><br>

                                </div> <!-- col.// -->
                                <div class="col-md">
                                    <img src="https://i.pravatar.cc/100" class="img-md rounded-circle border">
                                </div> <!-- col.// -->
                            </form>
                        </div> <!-- card-body.// -->
                    </div>
                </main> <!-- col.// -->
            </div>

        </div> <!-- container .//  -->
    </section>
@endsection