@extends('frontend.layouts.app')

@section('content')
    <div class="row">
        <div class="col-12 col-md-6 col-lg-4 mx-auto">
            <div class="card card-light shadow-sm mb-4">
                <div class="card-body">
                    <form class="">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="name" placeholder="name"
                                value="{{ $user->name }}" readonly>
                            <label for="name">Name</label>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="email" placeholder="email"
                                value="{{ $user->email }}" readonly>
                            <label for="email">Email</label>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="hq" placeholder="hq"
                                value="{{ $user->hq }}" readonly>
                            <label for="hq">HQ</label>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="state" placeholder="state"
                                value="{{ $user->state }}" readonly>
                            <label for="region">State</label>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="sap" placeholder="sap"
                                value="{{ $user->sap_code }}" readonly>
                            <label for="zone">SAP Code</label>
                        </div>

                    </form>
                    <div class="d-grid">
                        <a href="{{ route('logout') }}" class="btn btn-lg btn-default shadow-sm btn-rounded"
                            onclick="event.preventDefault();
                                    document.getElementById('logout-form').submit();">
                            <i class="bi bi-box-arrow-right"></i> Logout</a>
                        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                            @csrf
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer')
@endsection