@extends('layouts.app')

<style type="text/css">
    .row{
        margin-top: 20px;
    }
</style>

@section('content')

<div class="row">
    <div class="col-md-12 ">
        <!-- BEGIN SAMPLE FORM PORTLET-->
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption">
                    <span class="caption-subject bold uppercase"> Usre Account Setting</span>
                </div>
            </div>
             <div class="portlet-body form">
                <form role="form">
                    <div class="form-body col-md-12">
                        <div class="form-group col-md-6">
                            <label>Home Curenccy</label>
                            <select class="form-control">
                                <option>Select Curenccy</option>
                                <option>USD</option>
                                <option>AFG</option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label>Date Type</label>
                            <select class="form-control">
                                <option>Select Date</option>
                                <option>Persion</option>
                                <option>English</option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label>Font</label>
                            <select class="form-control">
                                <option>Select Font</option>
                                <option>Arial</option>
                                <option>BNazanin</option>
                                <option>Taoma</option>
                                <option>BZar</option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label>Font Size</label>
                            <input type="number" class="form-control">
                        </div>
                        <div class="form-group col-md-6">
                            <label>Background Color</label>
                                <input type="text" id="saturation-demo" class="form-control demo" data-control="saturation" value="#0088cc">
                        </div>
                        <div class="form-group col-md-6">
                            <label>Foreground Color</label>
                                <input type="text" id="saturation-demo" class="form-control demo" data-control="saturation" value="#008834">
                        </div>
                        <div class="form-group col-md-6">
                            <label>Text Property</label>
                            <div class="mt-checkbox-inline">
                                <label class="mt-checkbox">
                                    <input type="checkbox" id="inlineCheckbox1" value="option1"> Bold
                                    <span></span>
                                </label>
                                <label class="mt-checkbox">
                                    <input type="checkbox" id="inlineCheckbox2" value="option2"> Italic
                                    <span></span>
                                </label>
                                <label class="mt-checkbox">
                                    <input type="checkbox" id="inlineCheckbox2" value="option2"> Underline
                                    <span></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group col-md-2">
                            <label class="col-md-12">Account Type</label>
                                <input type="checkbox" class="make-switch" data-on-text="&nbsp;Public&nbsp;" checked data-off-text="&nbsp;Private&nbsp;">
                        </div>
                        <div class="form-group col-md-4">
                            <label>Langauge</label>
                            <div class="mt-radio-inline">
                                <label class="mt-radio">
                                    <input type="radio" name="optionsRadios" id="optionsRadios4" value="option1" checked> English
                                    <span></span>
                                </label>
                                <label class="mt-radio">
                                    <input type="radio" name="optionsRadios" id="optionsRadios5" value="option2"> Persion
                                    <span></span>
                                </label>

                            </div>
                        </div> 
                        
                    </div>
                    <div class="form-actions">
                        <button type="submit" class="btn blue">save</button>
                        <button type="button" class="btn default">Cancel</button>
                    </div>
                </form>
            </div>
        
        </div>
    </div>
</div>

@endsection