@extends('frontend.layouts.app')
@section('title','Setting')

@push('style')

    <link rel="stylesheet" href="{{asset('/frontend-asset/setup.css')}}">
    <style>
        body {
            background:#f7f7f7 !important;
        }
        #logout{
            cursor: pointer;
        }
    </style>
@endpush
@section('content')
<div class="am-sticky-placeholder" style="height: 52px; margin: 0px;">
    <div class="comm_top_nav" data-am-sticky="" style="margin: 0px;">
    <div class="am-g">
        <b>
            <div class="am-u-sm-2" onclick="javascript:window.location.href='/account'"><i class="am-icon-angle-left am-icon-fw"></i></div>
            <div class="am-u-sm-8">Setting</div>
            <div class="am-u-sm-2"></div>
        </b>
    </div>
</div></div>

<div class="setup_box">
    <div class="setup_menu">
        <div class="am-g setup_menu_list" id="edit">
            <div class="am-u-sm-8">Change login password</div>
            <div class="am-u-sm-4"><i class="am-icon-angle-right am-icon-fw"></i></div>
        </div>
    </div>
    <div class="setup_menu">
        <!--
        <div class="am-g setup_menu_list">
            <div class="am-u-sm-6">关于我们</div>
            <div class="am-u-sm-6"><i class="am-icon-angle-right am-icon-fw"></i></div>
        </div>
        -->
        <div class="am-g setup_menu_list">
            <div class="am-u-sm-8">Software version</div>
            <div class="am-u-sm-4"><span class="f_number">1.0.0</span><i class="am-icon-angle-right am-icon-fw"></i></div>
        </div>
    </div>
    <div class="setup_menu">
        <div class="am-g setup_menu_list center theme_color">
            <div class="am-u-sm-12" id="logout">Log out</div>
        </div>
    </div>
</div>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
    @csrf
</form>
<form action="{{route('update.password')}}" method="POST" id="password_form">
    @csrf

</form>

<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">Apply with us apply with confidence.</div>
        <div class="am-modal-bd">
            Please enter a new password
            <input type="password" name="password" form="password_form"class="am-modal-prompt-input input_password">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel="">Cancel</span>
            <span class="am-modal-btn" id="submit">Submit</span>
        </div>
    </div>
</div>

<div class="message">
    <p></p>
</div>
@endsection
@push('script')
<script>
    $('#submit').click(function(){
        $('#password_form').trigger('submit');
    });
    $('#logout').click(function(){
        $('#logout-form').trigger('submit');
    });
</script>
@endpush