@php($size_disk = sizeDisk())
@php($website_info =Service::getWebsitePackage())
@extends('core::layouts.master')
@section('breadcrumb','Tài khoản')
@section('head-action')
    {{ Form::bsNavBtnSubmit('Lưu thay đổi','profile-form') }}
@endsection
@section('stylesheet')
    <style>
        .box-plan {
            background: #ebeef0;
            height: 41px;
            padding: 3px;
            margin-top: 10px;
            margin-bottom: 10px !important;
        }

        .start-plan {
            background: #4CAF50;
            display: block;
            height: 35px;
            width: 1px;
        }

        label {
            margin: 0;
            font-weight: 500;
        }
    </style>
@endsection
@section('content')
    <div class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-flat">
                    <div class="panel-heading">
                        <h6 class="panel-title">
                            Dung lượng lưu trữ (ở mục File): <span class="text-bold">{{$size_disk}}
                                MB / {{$website_info['website_capacity']}} MB</span>
                        </h6>
                    </div>
                    <div class="panel-body">
                        <div class="box-plan">
                            @php($percent = number_format($size_disk*100/$website_info['website_capacity']))
                            <span class="start-plan"
                                  style="width: {{($percent>100)?100:$percent}}%; text-align: center; line-height: 2.5;">{{$percent}}%</span>
                        </div>
                        <div class="col-sm-4">
                            <label>Ngày bắt đầu: {{$website_info['website_created_date'] or ''}}</label>
                        </div>
                        <div class="col-sm-4">
                            <label>Ngày hết hạn: {{$website_info['website_expired_date'] or ''}}</label>
                        </div>
                        <div class="col-sm-4">
                            <label>Gói đang sử dụng: {{$website_info['website_package_name'] or ''}}</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="panel panel-flat">
                    <div class="panel-heading">
                        <h6 class="panel-title">Thay đổi thông tin<a class="heading-elements-toggle"><i
                                        class="icon-more"></i></a>
                        </h6>
                    </div>

                    <div class="panel-body">
                        <form id="profile-form" action="{{route('admin.profile.store')}}" method="POST">
                            {{ csrf_field() }}
                            {{ Form::bsText('Tên Admin', 'name', $admin->name) }}
                            {{ Form::bsEmail('Email', 'email', $admin->email) }}

                            <div class="form-group">
                                <a data-toggle="collapse" href="#change_password">Thay đổi mật khẩu</a>
                            </div>
                            <div id="change_password" class="form-group collapse">
                                {{ Form::bsPassword('Mật khẩu', 'password') }}

                                <div class="form-group">
                                    <div class="col-md-6 no-padding-left">
                                        <label>Mật khẩu mới</label>
                                        <input type="password" name="new_password" class="form-control">
                                    </div>

                                    <div class="col-md-6 no-padding-right">
                                        <label>Nhập lại mật khẩu mới</label>
                                        <input type="password" name="new_password_confirmation"
                                               class="form-control">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection