@extends('user.layout.master')
@section('content')
    <div class="section gray padding-top-65 padding-bottom-75">
        <div class="container">
            <!-- Dashboard Headline -->
            <div class="dashboard-headline">
                <h3>Profile</h3>

                <!-- Breadcrumbs -->
                <nav id="breadcrumbs" class="dark">
                    <ul>
                        <li><a href="/">Home</a></li>
                        <li>Profile</li>
                    </ul>
                </nav>
            </div>
            <!-- Row -->
            <div class="row">

                <!-- Dashboard Box -->
                <div class="col-xl-12">
                    <div class="dashboard-box margin-top-0">

                        <!-- Headline -->
                        <div class="headline">
                            <h3><i class="icon-material-outline-account-circle"></i> My Account</h3>
                        </div>
                        <form action="{{route('buyer.profile.process')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="content with-padding padding-bottom-0">

                                <div class="row">

                                    <div class="col-auto">
                                        <div class="avatar-wrapper" data-tippy-placement="bottom" title="Change Avatar">
                                            <img class="profile-pic" src="images/user-avatar-placeholder.png"
                                                alt="" />
                                            <div class="upload-button"></div>
                                            <input class="file-upload" type="file" accept="image/*" name="image" />
                                        </div>
                                    </div>

                                    <div class="col">
                                        <div class="row">

                                            <div class="col-md-6">
                                                <div class="submit-field">
                                                    <h5>First Name</h5>
                                                    <input type="text" class="with-border"
                                                        value="{{ auth('buyer')->user()->fname }}" name="fname">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="submit-field">
                                                    <h5>Last Name</h5>
                                                    <input type="text" class="with-border"
                                                        value="{{ auth('buyer')->user()->lname }}" name="lname">
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="submit-field">
                                                    <h5>Email</h5>
                                                    <input type="text" class="with-border"
                                                        value="{{ auth('buyer')->user()->email }}" disabled>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary">Update</button>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
            <!-- Row / End -->
        </div>
    </div>
@endsection