1
+ {% load static %}
2
+
3
+ <!-- Navbar -->
4
+ < nav class ="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl " id ="navbarBlur " navbar-scroll ="true ">
5
+ < div class ="container-fluid py-1 px-3 ">
6
+ < nav aria-label ="breadcrumb ">
7
+ < ol class ="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 ">
8
+ < li class ="breadcrumb-item text-sm ps-2 "> < a class ="opacity-5 text-dark " href ="javascript:; "> لوحات القيادة</ a > </ li >
9
+ < li class ="breadcrumb-item text-sm text-dark active " aria-current ="page "> RTL</ li >
10
+ </ ol >
11
+ < h6 class ="font-weight-bolder mb-0 "> RTL</ h6 >
12
+ </ nav >
13
+ < div class ="collapse navbar-collapse mt-sm-0 mt-2 px-0 " id ="navbar ">
14
+ < div class ="ms-md-auto pe-md-3 d-flex align-items-center ">
15
+ < div class ="input-group ">
16
+ < span class ="input-group-text text-body "> < i class ="fas fa-search " aria-hidden ="true "> </ i > </ span >
17
+ < input type ="text " class ="form-control " placeholder ="أكتب هنا... ">
18
+ </ div >
19
+ </ div >
20
+ < ul class ="navbar-nav me-auto ms-0 justify-content-end ">
21
+
22
+ < li class ="nav-item d-flex align-items-center ">
23
+ < a href ="javascript:; " class ="nav-link text-body font-weight-bold px-0 ">
24
+ < i class ="fa fa-user me-sm-1 "> </ i >
25
+ < span class ="d-sm-inline d-none "> يسجل دخول</ span >
26
+ </ a >
27
+ </ li >
28
+ < li class ="nav-item d-xl-none pe-3 d-flex align-items-center ">
29
+ < a href ="javascript:; " class ="nav-link text-body p-0 " id ="iconNavbarSidenav ">
30
+ < div class ="sidenav-toggler-inner ">
31
+ < i class ="sidenav-toggler-line "> </ i >
32
+ < i class ="sidenav-toggler-line "> </ i >
33
+ < i class ="sidenav-toggler-line "> </ i >
34
+ </ div >
35
+ </ a >
36
+ </ li >
37
+ < li class ="nav-item px-3 d-flex align-items-center ">
38
+ < a href ="javascript:; " class ="nav-link text-body p-0 ">
39
+ < i class ="fa fa-cog fixed-plugin-button-nav cursor-pointer "> </ i >
40
+ </ a >
41
+ </ li >
42
+ < li class ="nav-item dropdown ps-3 d-flex align-items-center ">
43
+ < a href ="javascript:; " class ="nav-link text-body p-0 " id ="dropdownMenuButton " data-bs-toggle ="dropdown " aria-expanded ="false ">
44
+ < i class ="fa fa-bell cursor-pointer "> </ i >
45
+ </ a >
46
+ < ul class ="dropdown-menu px-2 py-3 me-sm-n4 " aria-labelledby ="dropdownMenuButton ">
47
+ < li class ="mb-2 ">
48
+ < a class ="dropdown-item border-radius-md " href ="javascript:; ">
49
+ < div class ="d-flex py-1 ">
50
+ < div class ="my-auto ">
51
+ < img src ="{% static 'img/team-2.jpg' %} " class ="avatar avatar-sm ms-3 ">
52
+ </ div >
53
+ < div class ="d-flex flex-column justify-content-center ">
54
+ < h6 class ="text-sm font-weight-normal mb-1 ">
55
+ < span class ="font-weight-bold "> رسالة جديدة</ span > من لور
56
+ </ h6 >
57
+ < p class ="text-xs text-secondary mb-0 ms-auto ">
58
+ < i class ="fa fa-clock me-1 "> </ i >
59
+ منذ 13 دقيقة
60
+ </ p >
61
+ </ div >
62
+ </ div >
63
+ </ a >
64
+ </ li >
65
+ < li class ="mb-2 ">
66
+ < a class ="dropdown-item border-radius-md " href ="javascript:; ">
67
+ < div class ="d-flex py-1 ">
68
+ < div class ="my-auto ">
69
+ < img src ="{% static 'img/small-logos/logo-spotify.svg' %} " class ="avatar avatar-sm bg-gradient-dark ms-3 ">
70
+ </ div >
71
+ < div class ="d-flex flex-column justify-content-center ">
72
+ < h6 class ="text-sm font-weight-normal mb-1 ">
73
+ < span class ="font-weight-bold "> البوم جديد</ span > بواسطة ترافيس سكوت
74
+ </ h6 >
75
+ < p class ="text-xs text-secondary mb-0 ms-auto ">
76
+ < i class ="fa fa-clock me-1 "> </ i >
77
+ يوم 1
78
+ </ p >
79
+ </ div >
80
+ </ div >
81
+ </ a >
82
+ </ li >
83
+ < li >
84
+ < a class ="dropdown-item border-radius-md " href ="javascript:; ">
85
+ < div class ="d-flex py-1 ">
86
+ < div class ="avatar avatar-sm bg-gradient-secondary ms-3 my-auto ">
87
+ < svg width ="12px " height ="12px " viewBox ="0 0 43 36 " version ="1.1 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink ">
88
+ < title > credit-card</ title >
89
+ < g stroke ="none " stroke-width ="1 " fill ="none " fill-rule ="evenodd ">
90
+ < g transform ="translate(-2169.000000, -745.000000) " fill ="#FFFFFF " fill-rule ="nonzero ">
91
+ < g transform ="translate(1716.000000, 291.000000) ">
92
+ < g transform ="translate(453.000000, 454.000000) ">
93
+ < path class ="color-background " d ="M43,10.7482083 L43,3.58333333 C43,1.60354167 41.3964583,0 39.4166667,0 L3.58333333,0 C1.60354167,0 0,1.60354167 0,3.58333333 L0,10.7482083 L43,10.7482083 Z " opacity ="0.593633743 "> </ path >
94
+ < path class ="color-background " d ="M0,16.125 L0,32.25 C0,34.2297917 1.60354167,35.8333333 3.58333333,35.8333333 L39.4166667,35.8333333 C41.3964583,35.8333333 43,34.2297917 43,32.25 L43,16.125 L0,16.125 Z M19.7083333,26.875 L7.16666667,26.875 L7.16666667,23.2916667 L19.7083333,23.2916667 L19.7083333,26.875 Z M35.8333333,26.875 L28.6666667,26.875 L28.6666667,23.2916667 L35.8333333,23.2916667 L35.8333333,26.875 Z "> </ path >
95
+ </ g >
96
+ </ g >
97
+ </ g >
98
+ </ g >
99
+ </ svg >
100
+ </ div >
101
+ < div class ="d-flex flex-column justify-content-center ">
102
+ < h6 class ="text-sm font-weight-normal mb-1 ">
103
+ اكتمل الدفع بنجاح
104
+ </ h6 >
105
+ < p class ="text-xs text-secondary mb-0 ms-auto ">
106
+ < i class ="fa fa-clock me-1 "> </ i >
107
+ 2 أيام
108
+ </ p >
109
+ </ div >
110
+ </ div >
111
+ </ a >
112
+ </ li >
113
+ </ ul >
114
+ </ li >
115
+ < li class ="nav-item ps-2 d-flex align-items-center ">
116
+ < label for ="theme-switch " class ="nav-link text-body p-0 m-0 ">
117
+ < i class ="fa fa-sun fixed-plugin-button-nav cursor-pointer " id ="theme-indicator "> </ i >
118
+ </ label >
119
+ < input type ="checkbox " class ="d-none " id ="theme-switch "/>
120
+ </ li >
121
+ </ ul >
122
+ </ div >
123
+ </ div >
124
+ </ nav >
125
+ <!-- End Navbar -->
0 commit comments