@extends('layouts.master')
@section('page-css')
  <link rel="stylesheet" href="{{asset('assets/styles/vendor/sweetalert2.min.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>

            <div class="row">
                <div class="col-md-6">
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="card-title">هشدار های پایه</div>
                            <button type="button" class="btn btn-primary btn-block mb-3" id="basic-alert">پایه</button>
                            <button type="button" class="btn btn-primary btn-block" id="with-title">با عنوان</button>
                            <button type="button" class="btn btn-primary btn-block" id="with-html">با HTML</button>
                        </div>
                    </div>

                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="card-title">گزینه های دیگر</div>
                            <button type="button" class="btn btn-primary btn-block" id="with-image">عکس دلخواه</button>
                            <button type="button" class="btn btn-primary btn-block" id="with-timer">تایمر هشدار</button>
                            <button type="button" class="btn btn-primary btn-block" id="with-input">عملکرد سریع</button>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="card-title">انواع هشدار</div>
                            <button type="button" class="btn btn-success btn-block mb-3" id="alert-success">موفقیت
                                Alert</button>
                            <button type="button" class="btn btn-info btn-block mb-3" id="alert-info">هشدار اطلاعات</button>
                            <button type="button" class="btn btn-warning btn-block mb-3" id="alert-warning">
                                هشدار خطر</button>
                            <button type="button" class="btn btn-danger btn-block mb-3" id="alert-error">هشدار خطا</button>
                        </div>
                    </div>
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="card-title">اقدام هشدار</div>
                            <button type="button" class="btn btn-primary btn-block mb-3" id="alert-confirm">
                            هشدار تأیید کنید </button>
                        </div>
                    </div>
                </div>
            </div>



@endsection

@section('page-js')
<script src="{{asset('assets/js/vendor/sweetalert2.min.js')}}"></script>
<script src="{{asset('assets/js/sweetalert.script.js')}}"></script>
@endsection
