@extends('layouts.frontend-master')
@push('style')
@endpush
@php
    $user = auth()->user()->member;
    $loan = \App\Models\Loan::where('member_id', Auth::user()->member->id)
        ->orderBy('id', 'desc')
        ->first();
@endphp
@section('title', 'Information')
@push('style')
<style>
    body {
        background-color: #f8f9fa;
    }
    .icon-box {
        text-align: center;
        padding: 20px;
    }
    .icon-box i {
        font-size: 30px;
        color: #007bff;
    }
    .logout-btn {
        display: block;
        margin: 20px auto;
        width: 120px;
        padding: 10px;
        text-align: center;
        border: 2px solid red;
        color: red;
        border-radius: 10px;
        font-weight: bold;
        background: transparent;
    }
    .logout-btn:hover {
        background-color: red;
        color: white;
    }
</style>
@endpush
@section('content')

    <div class="flex flex-col space-y-2 my-4 max-w-lg mx-auto">

        <div class="cursor-pointer rounded-full bg-primary-linear py-2 text-white px-4 text-xl font-medium relative">
        	<i class="fa-solid fa-lock"></i>
            Change Password<a class="absolute inset-0" href="{{ route('change.password') }}"></a>
        </div>

        <div id="term-btn"
            class="cursor-pointer rounded-full bg-primary-linear py-2 text-white px-4 text-xl font-medium relative">
            <i class="fa-solid fa-gear"></i>
            Terms and Condition<!---->
        </div>

        
    </div>
@endsection
@push('script')
    <script>
        $(function() {
            $('.close').on('click', function() {
                $('#term').hide();
            });

            $('#term-btn').on('click', function() {
                $('#term').show();
            });
        });
    </script>
@endpush