@extends('layouts.master')
@section('before-css')


@endsection

@section('main-content')
    <div class="breadcrumb">
        <h1>نوار عمل اساسی</h1>
        <ul>
            <li><a href="">فرم ها</a></li>
            <li>نوار عمل اساسی</li>
        </ul>
    </div>

    <div class="separator-breadcrumb border-top"></div>

    <!-- begin::basic action bar -->
    <section class="basic-action-bar">
        <div class="">
            <!-- begin::main-row -->
            <div class="row">
                <!-- start default action bar -->
                <div class="col-lg-6 mb-3">
                    <div class="card">
                        <div class="card-header bg-transparent">
                            <h3 class="card-title"> نوار عمل پیشفرض</h3>
                        </div>
                        <!--begin::form-->
                        <form action="">
                            <div class="card-body">
                                <div class="form-row ">
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">نام و نام خانوادگی:</label>
                                        <input type="text" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">آدرس ایمیل:</label>
                                        <input type="email" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>

                                </div>
                                <div class="custom-separator"></div>
                                <div class="card-title">ارتباطات:</div>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox" checked="">
                                    <span>ایمیل</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>پیام کوتاه</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>تلفن همراه</span>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="card-footer bg-transparent">
                                <div class="mc-footer">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                            <button type="button" class="btn btn-outline-secondary m-1">لغو</button>


                                            <button type="button" class="btn  btn-danger m-1 footer-delete-right">حذف
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <!-- end::form -->
                    </div>
                </div>
                <!-- end default action bar -->

                <!-- start no layout bar -->
                <div class="col-lg-6 mb-3">
                    <div class="card">
                        <div class="card-header bg-transparent">
                            <h3 class="card-title"> بدون چیدمان</h3>
                        </div>
                        <!--begin::form-->
                        <form action="">
                            <div class="card-body">
                                <div class="form-row ">
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">نام و نام خانوادگی:</label>
                                        <input type="text" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">آدرس ایمیل:</label>
                                        <input type="email" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>

                                </div>
                                <!-- <div class="custom-separator"></div> -->
                                <div class="card-title">ارتباطات:</div>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox" checked="">
                                    <span>ایمیل</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>پیام کوتاه</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>تلفن همراه</span>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="card-footer bg-transparent">
                                <div class="mc-footer">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                            <button type="button" class="btn btn-outline-secondary m-1">لغو</button>


                                            <button type="button" class="btn  btn-danger m-1 footer-delete-right">حذف
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <!-- end::form -->
                    </div>
                </div>
                <!-- end no layout bar -->

                <!-- start Right Action Bar -->
                <div class="col-lg-6 mb-3">
                    <div class="card">
                        <div class="card-header bg-transparent">
                            <h3 class="card-title">نوار عمل راست</h3>
                        </div>
                        <!--begin::form-->
                        <form action="">
                            <div class="card-body">
                                <div class="form-row ">
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">نام و نام خانوادگی:</label>
                                        <input type="text" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">آدرس ایمیل:</label>
                                        <input type="email" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>

                                </div>
                                <div class="custom-separator"></div>
                                <div class="card-title">ارتباطات:</div>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox" checked="">
                                    <span>ایمیل</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>پیام کوتاه</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>تلفن همراه</span>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="card-footer bg-transparent">
                                <div class="mc-footer">
                                    <div class="row">
                                        <div class="col-lg-12 text-right">
                                            <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                            <button type="button" class="btn btn-outline-secondary m-1">لغو</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <!-- end::form -->
                    </div>
                </div>
                <!-- end Right Action Bar -->

                <!-- start Solid Bar -->
                <div class="col-lg-6 mb-3">
                    <div class="card">
                        <div class="card-header bg-transparent">
                            <h3 class="card-title">نوار جامد</h3>
                        </div>
                        <!--begin::form-->
                        <form action="">
                            <div class="card-body">
                                <div class="form-row ">
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">نام و نام خانوادگی:</label>
                                        <input type="text" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">آدرس ایمیل:</label>
                                        <input type="email" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>

                                </div>
                                <div class="custom-separator"></div>
                                <div class="card-title">ارتباطات:</div>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox" checked="">
                                    <span>ایمیل</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>پیام کوتاه</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>تلفن همراه</span>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="card-footer">
                                <div class="mc-footer">
                                    <div class="row">
                                        <div class="col-lg-12 text-right">
                                            <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                            <button type="button" class="btn btn-outline-secondary m-1">لغو</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <!-- end::form -->
                    </div>
                </div>
                <!-- end Solid Bar -->

                <!-- start Multiple Buttons -->
                <div class="col-lg-6 mb-3">
                    <div class="card">
                        <div class="card-header bg-transparent">
                            <h3 class="card-title"> دکمه های چندگانه</h3>
                        </div>
                        <!--begin::form-->
                        <form action="">
                            <div class="card-body">
                                <div class="form-row ">
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">نام و نام خانوادگی:</label>
                                        <input type="text" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">ادرس ایمیل:</label>
                                        <input type="email" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>

                                </div>
                                <div class="custom-separator"></div>
                                <div class="card-title">ارتباطات:</div>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox" checked="">
                                    <span>ایمیل</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>پیام کوتاه</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>تلفن همراه</span>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="card-footer bg-transparent">
                                <div class="mc-footer">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                            <button type="button" class="btn btn-outline-secondary m-1">لغو</button>


                                            <button type="button" class="btn  btn-danger m-1 footer-delete-right">حذف
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <!-- end::form -->
                    </div>
                </div>

                <!-- end Multiple Buttons -->

                <!-- start Top & Bottom Actions Bars -->
                <div class="col-lg-6 mb-3">
                    <div class="card">
                        <div class="card-header bg-transparent">
                            <h3 class="card-title">نوارهای فعالیت بالا و پایین</h3>
                        </div>
                        <div class="card-footer">
                            <div class="top-action-bar">
                                <div class="row">

                                    <div class="col-lg-12 text-right">
                                        <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                        <button type="button" class="btn btn-outline-secondary m-1">لغو</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--begin::form-->
                        <form action="">
                            <div class="card-body">
                                <div class="form-row ">
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">نام و نام خانوادگی:</label>
                                        <input type="text" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">آدرس ایمیل:</label>
                                        <input type="email" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>

                                </div>
                                <div class="custom-separator"></div>
                                <div class="card-title">ارتباطات:</div>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox" checked="">
                                    <span>ایمیل</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>پیام کوتاه</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>تلفن همراه</span>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="card-footer">
                                <div class="mc-footer">
                                    <div class="row">
                                        <div class="col-lg-12 text-right">
                                            <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                            <button type="button" class="btn btn-outline-secondary m-1">لغو</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <!-- end::form -->
                    </div>
                </div>
                <!-- end Top & Bottom Actions Bars -->

                <!-- start Action Button & Link -->
                <div class="col-lg-6 mb-3">
                    <div class="card">
                        <div class="card-header bg-transparent">
                            <h3 class="card-title">نوار عمل پیشفرض</h3>
                        </div>
                        <!--begin::form-->
                        <form action="">
                            <div class="card-body">
                                <div class="form-row ">
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">نام و نام خانوادگی:</label>
                                        <input type="text" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="ul-form__label">آدرس ایمیل:</label>
                                        <input type="email" class="form-control" id="inputtext4"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>

                                </div>
                                <div class="custom-separator"></div>
                                <div class="card-title">ارتباطات:</div>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox" checked="">
                                    <span>ایمیل</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>پیام کوتاه</span>
                                    <span class="checkmark"></span>
                                </label>
                                <label class="checkbox checkbox-primary">
                                    <input type="checkbox">
                                    <span>تلفن همراه</span>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="card-footer bg-transparent">
                                <div class="mc-footer">
                                    <div class="row">
                                        <div class="col-lg-12 text-right">
                                            <button type="button" class="btn  btn-primary m-1">ارسال</button>
                                            <span>یا</span>
                                            <a href="">لغو</a>


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <!-- end::form -->
                    </div>
                </div>
                <!-- end Action Button & Link -->
                <!-- start Hirozontal Form Layout -->
                <div class="col-lg-6 mb-3">
                    <!--begin::form 2-->
                    <form action="">
                        <!-- start card  Horizontal Form Layout-->
                        <div class="card ul-card__margin-25">
                            <div class="card-header bg-transparent">
                                <h3 class="card-title"> چیدمان فرم افقی</h3>
                            </div>

                            <div class="card-body">
                                <div class="form-group row">
                                    <label for="staticEmail"
                                           class="action-bar-horizontal-label col-lg-4 col-form-label ">نام و نام
                                        خانوادگی:</label>
                                    <div class="col-lg-6 mb-4">
                                        <input type="text" class="form-control" id="staticEmail"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            لطفا نام کامل خود را وارد کنید
                                        </small>
                                    </div>
                                    <label for="staticEmail"
                                           class="action-bar-horizontal-label col-lg-4 col-form-label ">ایمیل </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control" id="staticEmail"
                                               placeholder="Enter full name">
                                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                                            ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم
                                        </small>
                                    </div>


                                </div>


                                <div class="form-group row mt-4">
                                    <label for="staticEmail"
                                           class="action-bar-horizontal-label col-lg-4 col-form-label">ارتباطات:</label>
                                    <div class="col-lg-6 d-inline-flex align-self-center">

                                        <label class="checkbox checkbox-primary mr-2">
                                            <input type="checkbox" checked="">
                                            <span>ایمیل</span>
                                            <span class="checkmark"></span>

                                        </label>
                                        <label class="checkbox checkbox-primary mr-2">
                                            <input type="checkbox">
                                            <span>پیام کوتاه</span>
                                            <span class="checkmark"></span>

                                        </label>
                                        <label class="checkbox checkbox-primary mr-2">
                                            <input type="checkbox">
                                            <span>تلفن همراه</span>
                                            <span class="checkmark"></span>

                                        </label>


                                    </div>


                                </div>

                            </div>
                            <div class="card-footer">
                                <div class="mc-footer">
                                    <div class="row text-right">
                                        <div class="col-lg-4"></div>
                                        <div class="col-lg-6 text-left">
                                            <button type="button" class="btn btn-primary m-1">ذخیره</button>
                                            <button type="button" class="btn btn-outline-secondary m-1">لغو</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end card  Horizontal Form Layout-->
                    </form>
                    <!-- end::form 2-->
                </div>
                <!-- end Hirozontal Form Layout -->
            </div>
            <!-- end::main-row -->
        </div>
    </section>
    <!-- end::basic action bar -->
@endsection

@section('page-js')




@endsection

@section('bottom-js')




@endsection
