@extends('layouts.front_app')
@section('content')
    <!-- dashboard -->
    <section class="dashboard">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="dashboardCard bgSecondary">
                        <h2 class="heading">user porfile</h2>
                        <div class="dashboardCard-user">
                            @foreach ($profile_img as $image)
                                <img src="{{ $image->getUrl() }}"  alt="image" id="userProfileImage" class="img-fluid">
                            @endforeach
                            <div class="dashboardCard-title">
                                <h4>{{ $user->name }}</h4>

                            </div>
                        </div>
                        <div class="dashboardInfo">
                            @if(session('success') || session('error'))
                                <div class="alert {{ session('success') ? 'alert-success' : 'alert-danger' }}">
                                    {{ session('success') ?? session('error') }}
                                </div>
                            @endif

                            <form action="{{ route('customer.update.profile') }}" method="post" class="signupForm">
                                @csrf
                                <div class="dashboardInfo-title">
                                    <h3>account information</h3>
                                    <button type="submit" class="themeBtn">Save profile</button>
                                </div>


                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>First Name</label>
                                            <input type="text" value="{{ $user->first_name }}" name="first_name" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Last Name</label>
                                            <input type="text" value="{{ $user->last_name }}" name="last_name" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label>Email</label>
                                            <input type="email" value="{{ $user->email }}" disabled class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label>Phone Number</label>
                                            <input type="tel" value="{{ $user->phone }}" name="phone" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="dashboardInfo">
                            @error('password')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                            <form action="{{ route('customer.password.update') }}" method="post" class="signupForm">
                                @csrf
                                <div class="dashboardInfo-title">
                                    <h3>password</h3>
                                    <button type="submit" class="themeBtn">save password</button>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Current Passowrd</label>
                                            <input type="password" name="password" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>New Password</label>
                                            <input type="password" class="form-control" name="password_confirmation" placeholder>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
{{--                <div class="col-lg-4">--}}
{{--                    <div class="purchaseCard">--}}
{{--                        <div class="purchaseCard-info dashboardInfo bgSecondary">--}}
{{--                            <h3><span class="d-block">purchase</span> packages</h3>--}}
{{--                            <h4>{{ $user->plan_name ? $user->plan_name : ''}}</h4>--}}
{{--                            <div class="dashboardInfo-content">--}}
{{--                                <ul class="infoTitle">--}}
{{--                                    <li>price:</li>--}}
{{--                                    <li>events:</li>--}}
{{--                                    <li>hosted ticket link:</li>--}}
{{--                                    <li>hosted on maps:</li>--}}
{{--                                </ul>--}}
{{--                                <ul class="infoDescription">--}}
{{--                                    <li>&dollar;{{ $user->plan_price ? $user->plan_price : '' }}--}}
{{--                                    <li>05</li>--}}
{{--                                    <li>yes</li>--}}
{{--                                    <li>yes</li>--}}
{{--                                </ul>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <a href="{{ route('customer.add.event') }}" class="themeBtn w-100 d-block mt-5">add a event</a>--}}
{{--                        <a href="{{ route('customer.add.shows') }}" class="themeBtn w-100 d-block mt-4">add a show</a>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>
        </div>
    </section>

@endsection