@extends('frontend.layouts.master')

@section('frontcontent')
<section id="account-section">
    <div class="container">
        <div class="row">
            @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block">
                {{-- <button type="button" class="close" data-dismiss="alert">×</button> --}}
                <strong>{{ $message }}</strong>
            </div>
            @endif
            @if ($message = Session::get('error'))
            <div class="alert alert-danger alert-block">
                {{-- <button type="button" class="close" data-dismiss="alert">×</button> --}}
                <strong>{{ $message }}</strong>
            </div>
            @endif
        </div>
        <div class="row">
            <div class="text-center">
                <h1>my account</h1>
            </div>
            <div class="col-lg-3">
                <div class="nav flex-column nav-pills sidebar-wrapper" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <button class="nav-link active " id="v-pills-home-tab" data-bs-toggle="pill" data-bs-target="#v-pills-home" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">Profile</button>
                    <button class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" data-bs-target="#v-pills-profile" type="button" role="tab" aria-controls="v-pills-profile" aria-selected="false">Plan Details</button>
                    <button class="nav-link" id="v-pills-disabled-tab" data-bs-toggle="pill" data-bs-target="#v-pills-disabled" type="button" role="tab" aria-controls="v-pills-disabled" aria-selected="false">user details</button>
                    <button class="nav-link" id="v-pills-messages-tab" data-bs-toggle="pill" data-bs-target="#v-pills-messages" type="button" role="tab" aria-controls="v-pills-messages" aria-selected="false">your order</button>
                    <button class="nav-link" id="v-pills-settings-tab" data-bs-toggle="pill" data-bs-target="#v-pills-settings" type="button" role="tab" aria-controls="v-pills-settings" aria-selected="false">Settings</button>
                </div>
            </div>
            <div class="col-lg-9 tab-content box-wrapper" id="v-pills-tabContent">
                <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab" tabindex="0">
                    <p>Profile Details</p>
                    <div class="row align-items-center ">
                        <div class="col-lg-3 name-wrapper">
                            <h4>full name</h4>
                        </div>
                        <div class="col-lg-6 name-wrapper">
                            <h6> {{ $loginuser->first_name.' '.$loginuser->last_name}}</h6>
                        </div>
                    </div>
                    <hr>
                    <div class="row align-items-center ">
                        <div class="col-lg-3 name-wrapper">
                            <h4>Email</h4>
                        </div>
                        <div class="col-lg-6 name-wrapper">
                            <h6>{{ $loginuser->email }}</h6>
                        </div>
                    </div>
                    <hr>
                    <div class="row align-items-center ">
                        <div class="col-lg-3 name-wrapper">
                            <h4>Mobile number</h4>
                        </div>
                        <div class="col-lg-6 name-wrapper">
                            <h6>{{ $loginuser->mobile_number }}</h6>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab" tabindex="0">
                    <p>Plan Details</p>
                    <div class="row align-items-center ">
                        <div class="col-lg-3 name-wrapper">
                            <h4>Current Plan</h4>
                        </div>
                        <div class="col-lg-6 name-wrapper">
                            <h6>{{ $plandata->plan_name ?? '-'}}</h6>
                        </div>
                    </div>
                    <hr>
                    <div class="row align-items-center ">
                        <div class="col-lg-3 name-wrapper">
                            <h4>Plan Type</h4>
                        </div>
                        <div class="col-lg-6 name-wrapper">
                            <h6>{{ $plandata->plan_type ?? '-'}}</h6>
                        </div>
                    </div>
                    <hr>
                    <div class="row align-items-center ">
                        <div class="col-lg-3 name-wrapper">
                            <h4>Plan Expire Date</h4>
                        </div>
                        <div class="col-lg-6 name-wrapper">
                            <h6>{{ $loginuser->plan_expiration_date != '' ? date('d-m-Y H:i:s', strtotime($loginuser->plan_expiration_date)) : '-' }}</h6>
                        </div>
                    </div>
                    <hr>
                    <div class="row align-items-center ">
                        <div class="col-lg-3 name-wrapper">
                            <h4>Used Space</h4>
                        </div>
                        <div class="col-lg-6 name-wrapper">
                            <h6>{{ $spaceUsed }} MB</h6>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="v-pills-disabled" role="tabpanel" aria-labelledby="v-pills-disabled-tab" tabindex="0">
                    <div class="title-wrapper">
                        <p>User Listing</p>
                        <div class="col-md-2"><a href="{{ route('user.create') }}" class="btn float-end" style="background: #2b78be; color: #fff;">Create User</a></div>
                    </div>
                    <div class="tabel">
                        <table class="table datatable">
                            <thead class="">
                                <tr>
                                    <th scope="col">
                                        Sr. no.</th>
                                    <th scope="col">Name</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">mobile Number</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">date</th>
                                    <th scope="col" width="81px">Action</th>
                                </tr>
                            </thead>
                            <tbody class="table-group-divider">
                                @php $i = 1; @endphp
                                @foreach($UserData as $user)
                                <tr>
                                    <td>{{ $i++ }}</td>
                                    <td>{{ $user->first_name.' '.$user->last_name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>{{ $user->mobile_number }}</td>
                                    <td>
                                        @if($user->status == 1)
                                        Active
                                        @else
                                        Inactive
                                        @endif
                                    </td>
                                    <td>{{ date('d-m-Y H:i:s', strtotime($user->created_at)) }}</td>
                                    <td>
                                        <a href="{{ route('user.edit', $user->id) }}"><img src="{{ asset('frontend/images/edit.png') }}" alt=""></a>
                                        <a href="javascript:void(0);" class="frontuserdelete" data-id="<br />
<b>Warning</b>:  Undefined variable $user in <b>C:\xampp\htdocs\resources\views\frontend\--myaccount.blade.php</b> on line <b>138</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>C:\xampp\htdocs\resources\views\frontend\--myaccount.blade.php</b> on line <b>138</b><br />
"><img src="{{ asset('frontend/images/delete.png') }}" alt=""></a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab" tabindex="0">
                    <div class="title-wrapper">
                        <p>Order History</p>
                    </div>
                    <div class="tabel">
                        <table class="table datatable">
                            <thead class="">
                                <tr>
                                    <th scope="col">
                                        Sr. no.</th>
                                    <th scope="col">Order ID</th>
                                    <th scope="col">Plan Name</th>
                                    <th scope="col">Amount</th>
                                    <th scope="col">Status</th>
                                    <th scope="col" width="90px">date</th>
                                    <th scope="col">Invoice</th>
                                </tr>
                            </thead>
                            <tbody class="table-group-divider">
                                @php $i = 1; @endphp
                                @foreach($orderlist as $orderdata)
                                <tr>
                                    <td>{{ $i++ }}</td>
                                    <td>{{ $orderdata->order_id }}</td>
                                    <td>{{ $orderdata->plan_name }}</td>
                                    <td>{{ $orderdata->price }}</td>
                                    <td>{{ $orderdata->status }}</td>
                                    <td>{{ date('d-m-Y H:i:s', strtotime($orderdata->created_at)) }}</td>
                                    <td>
                                        <a href="{{ route('downloadInvoice', $orderdata->id) }}" class="btn btn-primary" title="Download Invoice"><i class="fa fa-download" aria-hidden="true"></i></a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab" tabindex="0">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Account Details</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Change Password</button>
                        </li>
                    </ul>
                    <div class="tab-content box-wrapper-3" id="myTabContent">
                        <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
                            <form action="{{ route('saveprofile') }}" method="post">
                                @csrf
                                <div class="row gy-3">
                                    <div class="col-lg-6 first-name-wrapper">
                                        <label for="inputFirstName">First name</label>
                                        <input type="text" name="first_name" id="inputFirstName" value="{{ $loginuser->first_name }}" placeholder="Enter your first name">
                                    </div>
                                    <div class="col-lg-6 first-name-wrapper">
                                        <label for="inputLastName">Last name</label>
                                        <input id="inputLastName" type="text" name="last_name" value="{{ $loginuser->last_name }}" placeholder="Enter your last name">
                                    </div>
                                    <div class="col-lg-12 first-name-wrapper">
                                        <label for="inputEmailAddress">Email address</label>
                                        <input type="text" id="inputEmailAddress" type="email" name="email" value="{{ $loginuser->email }}" placeholder="Enter your email address" readonly>
                                    </div>
                                    <div class="col-lg-12 first-name-wrapper">
                                        <label for="inputPhone">Phone number</label>
                                        <input type="number" id="inputPhone" name="mobile_number" value="{{ $loginuser->mobile_number }}" placeholder="Enter your phone number" readonly>
                                    </div>
                                    <div class="submit-btn">
                                        <button type="submit">submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
                            <form action="{{ route('changeuserpassword') }}" method="post">
                                @csrf
                                <div class="row gy-3">
                                    <div class="col-lg-12 first-name-wrapper">
                                        <label for="current_password">Current Password</label>
                                        <input id="current_password" type="password" name="current_password" placeholder="Enter your current password">
                                    </div>
                                    <div class="col-lg-12 first-name-wrapper">
                                        <label for="new_password">New Password</label>
                                        <input id="new_password" type="password" name="new_password" placeholder="Enter your new password">
                                    </div>
                                    <div class="col-lg-12 first-name-wrapper">
                                        <label for="new_password_confirmation">Confirm New Password</label>
                                        <input id="new_password_confirmation" type="password" name="new_password_confirmation" placeholder="Enter your confirm password">
                                    </div>
                                    <div class="submit-btn">
                                        <button type="submit">submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('frontscript')
<script>
    $(document).ready(function() {
        $('.datatable').DataTable({
            "searching": true
            , "pageLength": 10
            , "language": {
                "search": "Search: "
                , "paginate": {
                    "previous": "Previous"
                    , "next": "Next"
                }
            }
        });
    });

</script>
<script src="{{ asset('superadmin/custom_js/user.js') }}"></script>
{{-- <script src="{{ asset('js/jquery.min.js') }}"></script> --}}
<script>
    $(function() {
        var timeout = 3000; // in miliseconds (3*1000)
        $('.alert').delay(timeout).fadeOut(300);
    });

</script>
@endsection