@extends('layout.basic.main')
@section('title', '見積書発行')
@push('css')
    <link rel="stylesheet" href="/css/plan_estimation/style.css?v={{config("sns-line.version")}}">
	<style>

	</style>
@endpush
@section('content')
<article class="sub">
    <section class="masteredit" id="plan_estimation_ep">
        <h3>見積書発行  見積書の自動発行ができます。</h3>
        <div class="estimate_name">
            <div class="title title_name">① 宛名を入力</div>
            <div class="col-sm-10">
                <input class="textBox form-control">
            </div>
            <div class="col-sm-2">
                <select class="form-control select_title">
                    <option>御中</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
            </div>
        </div>
        <div class="estimate_plan">
            <div class="title title_plan">② お申し込み予定プランを選択</div>
            <div class="col-sm-5">
                <select class="form-control">
                    <option>おまとめ</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </div>
            <div class="col-sm-5">
                <select class="form-control">
                    <option>選択してください</option>
                    <option>スタンダード</option>
                    <option>プロ</option>
                </select>
            </div>
        </div>
        <div class="estimate_bill">
            <div class="title title_bill">③ 決済期間を選択</div>
            <div class="col-sm-5">
                <div class="option-level">
                    <div class="input-radio" style="position: relative; padding-right: 0px;">
                        <input type="radio" class="radio_custom" name="bill_month">
                        <label class="radio_lable">毎月払い</label>
                    </div>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="option-level">
                    <div class="input-radio" style="position: relative; padding-right: 0px;">
                        <input type="radio" class="radio_custom" name="bill_year">
                        <label class="radio_lable">年間一括払い</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="estimate_account">
            <div class="title title_acc">④ 契約する接続枠数を選択</div>
            <select class="accountBox form-control select_acc">
                <option>10</option>
                <option>15</option>
                <option>20</option>
            </select>
        </div>
        <div class="estimate_money">
            <div class="" style="padding: 0;">
                <button type="button" class="btn btn-sns-line-primary btn-sns-line-lg btn_money">料金を計算</button>
            </div>
            <!-- <div class="bill_money col-sm-4">
                <p>お支払い金額（税込）    116,424 円</p>
            </div> -->
        </div>
        <div class="download_bill">
            <button type="button" class="btn btn-sns-line-light btn-sns-line-lg btn_bill_ep">見積書をダウンロード</button>
        </div>
    </section>
</article>

@endsection
@push('js')
	<script>

	</script>
@endpush