<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Big Wishes | {{__('messages.'.pageTitle())}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <!-- App favicon -->

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>    
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap" rel="stylesheet">

    <link rel="shortcut icon" href="{{asset('images/favicon.ico')}}">

    <link rel="stylesheet" href="{{ asset('libs/toast/jquery.toast.min.css') }}">

    <link href="https://cdn.datatables.net/v/bs4/jszip-3.10.1/dt-2.3.2/b-3.2.3/b-html5-3.2.3/r-3.0.4/datatables.min.css"
        rel="stylesheet" integrity="sha384-CfiULWbkA8YnJcwnfrgAN2A3Frexu1ayeonUvv4kLSotbVZ38VcbIn2c2moLbt7F"
        crossorigin="anonymous">
    <!-- Bootstrap Css -->
    <link rel="stylesheet" href="{{ asset('custom_css/jquery-ui.min.css')}}">
    <link rel="stylesheet" href="{{ asset('libs/bootstrap-sweetalert/sweetalert.css') }}">
    <link href="{{asset('css/bootstrap.min.css')}}" id="bootstrap-style" rel="stylesheet" type="text/css" />
    <!-- Icons Css -->
    <link href="{{asset('css/icons.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- App Css-->
    @if(session('locale')=='ar')
        <link href="{{asset('css/app-rtl.min.css')}}" id="app-style" rel="stylesheet" type="text/css" />
    @else
        <link href="{{asset('css/app.min.css')}}" id="app-style" rel="stylesheet" type="text/css" />    
    @endif
    <link rel="stylesheet" href="{{ asset('custom_css/style.css') }}">
    <style>
        /* styel for clock */
        .btn-default {
          color: #fff;
          background-color: #f46a6a;
          border-color: #f46a6a;
        }
        .mm-active{
            color:#fa0d0d !important;
        }
        .mm-active > i {
           color:#fa0d0d !important;
        }
        .mm-active .active {
          color:#fa0d0d !important;
          font-weight: bold;
        }
        .mm-active .active i {
          color:#fa0d0d !important;
        }
        .welcome-message {
            font-size: 15px;
           /* position: relative;
            padding: 0px 20px;
            font-size: 25px;
            border-radius: 5px;
            left: 50%;
            transform: translateX(-50%);*/
        }
        .quote-message {
            background-color: #142C99;
            color: #fff;
            position: relative;
            padding: 0px 20px;
            font-size: 25px;
            border-radius: 5px;
            left: 80%;

            transform: translateX(-50%);
        }
        .clock {
            font-size: 15px;
            min-width:100px;
        }
        .lang-switch{
            font-size:15px;
        }
        .lang-text{
            font-size:15px;
            padding: 5px 8px;
            border-radius: 20px;
        }
        .box-border{
            border:1px solid #DEDEDE;
        }
    </style>
    @if(session('locale')=='ar')
     <style>
        *{
            font-family: "Noto Sans Arabic", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
            font-variation-settings:
            "wdth" 100;
        }
     </style>
    @endif

    <script>
        base_url = '/public/admin/';
    </script>
</head>

<body>
    
