@extends('wem.layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>
                                    <a href="{{ url('/changelang/'.__('main.another_lang_abbr') ) }}">{{__('main.another_lang')}}</a>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    You are logged in!
                </div>
            </div>
        </div>
    </div>
</div>
        <!-- Buttons of modal -->
        <div class="moda-butns">
            <a href="#" class="link-butn"  type="button" data-toggle="modal" data-target="#confirmationModal"> نجاح </a>
            <a href="#" class="link-butn"  type="button" data-toggle="modal" data-target="#canceledModal">  خطأ </a>
        </div>
        <!-- Confirmation Modal-->
        <div class="modal state-modal fade" id="confirmationModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="images/confirm.svg" alt="" class="icon filter_green mb-4"/>
                            <h3 class="title mb-4">تمت العمليه بنجاح </h3>
                            <p class="p">شكرا لك لاختيارك <b>الجمعيه التعاونيه بالحريق</b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Canceled Modal-->
        <div class="modal state-modal fade" id="canceledModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="images/cancel.svg" alt="" class="icon filter_red mb-4"/>
                            <h3 class="title mb-4">بالرجاء قم بالمحاوله مره اخرى </h3>
                            <p class="p">شكرا لك لاختيارك <b>الجمعيه التعاونيه بالحريق</b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
