@extends('layouts.pages')

@section('content')
    <div id="login-form">
        <div class="uk-container uk-container-expand uk-margin-medium-top">
            <div uk-grid>
                <div class="uk-width-xlarge@s uk-width-large uk-margin margin-auto" >
                    <div class="login-card">
                        <div class="uk-grid header-page">
                            <div class="uk-width-1-3"><i class="material-icons">language</i></div>
                            <div class="uk-width-1-3"><p class="uk-text-center p-login-lable uk-margin-medium-bottom">ورود به سامانه</p></div>
                            <div class="uk-width-1-3 uk-text-left"><i class="material-icons">arrow_back</i></div>
                        </div>
                        <ul uk-accordion="multiple: true">
                            <li class="card">
                                <a class="uk-accordion-title" href="#">سامانه یکیتا</a>
                                <div class="uk-text-center">
                                    <input class="uk-input uk-input-num" placeholder="1" >
                                </div>
                                <div class="uk-float-left">
                                    <span class="price">125000</span> <span class="price">تومان</span>
                                    <a href=""><i class="material-icons-close">close</i></a>
                                </div>
                                <div class="uk-accordion-content">
                                    <ul class="uk-margin-medium-top">
                                        <li>دامنه .ir</li>
                                        <li>میزبانی</li>
                                        <li>پکیج پیامک 500 عددی</li>
                                    </ul>
                                </div>
                            </li>
                            <li class="card">
                                <a class="uk-accordion-title" href="#">اعتبار دوره</a>
                                <div class="uk-text-center">
                                    <input class="uk-input uk-input-num" placeholder="1" >
                                </div>
                                <div class="uk-float-left">
                                    <span class="price">125000</span> <span class="price">تومان</span>
                                    <a href=""><i class="material-icons-close">close</i></a>
                                </div>
                                <div class="uk-accordion-content">
                                </div>
                            </li>
                        </ul>
                        <div class="" id="invoice">
                            <ul>
                                <li class="border-bottom">
                                    <span>مجموع سبد خرید</span><br>
                                    <span>مالیات ارزش افروده</span>
                                </li>
                                <li class="border-bottom uk-margin-medium-top">
                                    <span>خالص پرداختی</span><br>
                                    <span>موجودی کیف پول</span>
                                </li>
                                <li class="uk-margin-medium-top">
                                    <span>مبلع قابل پرداخت</span>
                                </li>
                            </ul>
                        </div>
                        <ul uk-accordion="multiple: true">
                            <li class="card">
                                <a class="uk-accordion-title" href="#">کد تخفیف دارید؟</a>
                                <div class="uk-accordion-content">
                                    <input  class="uk-input uk-input-discount" placeholder="کد تخفیف خود را وارد کنید.">
                                </div>
                            </li>
                        </ul>
                        <div class="uk-float-right uk-margin uk-grid-small uk-child-width-auto uk-grid">
                            <label class="rul"><input class="uk-checkbox" type="checkbox" > قوانین و مقررات را خوانده مورد تایید است</label>
                        </div>
                        <div class="uk-float-left uk-margin uk-grid-small uk-child-width-auto uk-grid">
                            <button class="uk-button button-buy"><span>پرداخت</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection