Commit 22d3318a036d2c43c6d16994e001cc611131d677

Authored by Андрей Ларионов
1 parent 46be695f58

Стили поисковой строки в админке

Showing 3 changed files with 1650 additions and 2 deletions Inline Diff

public/assets/css/tailwind.output.css
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d5d6d7}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-input::-moz-placeholder{color:#9e9e9e;opacity:1}.form-input:-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-input::-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-input::placeholder{color:#9e9e9e;opacity:1}.form-input:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-textarea::-moz-placeholder{color:#9e9e9e;opacity:1}.form-textarea:-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-textarea::-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-textarea::placeholder{color:#9e9e9e;opacity:1}.form-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-multiselect:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#a0aec0;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1em;width:1em;color:#4299e1;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1em;width:1em;color:#4299e1;background-color:#fff;border-color:#e2e8f0;border-width:1px}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.space-y-2>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--space-y-reverse)));margin-bottom:calc(0.5rem*var(--space-y-reverse))}.space-x-3>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(0.75rem*var(--space-x-reverse));margin-left:calc(0.75rem*(1 - var(--space-x-reverse)))}.space-y-4>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1rem*(1 - var(--space-y-reverse)));margin-bottom:calc(1rem*var(--space-y-reverse))}.space-x-4>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1rem*var(--space-x-reverse));margin-left:calc(1rem*(1 - var(--space-x-reverse)))}.space-x-6>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1.5rem*var(--space-x-reverse));margin-left:calc(1.5rem*(1 - var(--space-x-reverse)))}.divide-y>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--divide-y-reverse)));border-bottom-width:calc(1px*var(--divide-y-reverse))}.theme-dark .dark\:divide-gray-700>:not(template)~:not(template){--divide-opacity:1;border-color:#24262d;border-color:rgba(36,38,45,var(--divide-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-gray-50{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.bg-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-red-600{--bg-opacity:1;background-color:#e02424;background-color:rgba(224,36,36,var(--bg-opacity))}.bg-orange-100{--bg-opacity:1;background-color:#feecdc;background-color:rgba(254,236,220,var(--bg-opacity))}.bg-green-100{--bg-opacity:1;background-color:#def7ec;background-color:rgba(222,247,236,var(--bg-opacity))}.bg-teal-100{--bg-opacity:1;background-color:#d5f5f6;background-color:rgba(213,245,246,var(--bg-opacity))}.bg-teal-500{--bg-opacity:1;background-color:#0694a2;background-color:rgba(6,148,162,var(--bg-opacity))}.bg-teal-600{--bg-opacity:1;background-color:#047481;background-color:rgba(4,116,129,var(--bg-opacity))}.bg-blue-100{--bg-opacity:1;background-color:#e1effe;background-color:rgba(225,239,254,var(--bg-opacity))}.bg-blue-500{--bg-opacity:1;background-color:#3f83f8;background-color:rgba(63,131,248,var(--bg-opacity))}.bg-blue-600{--bg-opacity:1;background-color:#1c64f2;background-color:rgba(28,100,242,var(--bg-opacity))}.bg-purple-600{--bg-opacity:1;background-color:#7e3af2;background-color:rgba(126,58,242,var(--bg-opacity))}.hover\:bg-gray-100:hover{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.hover\:bg-purple-700:hover{--bg-opacity:1;background-color:#6c2bd9;background-color:rgba(108,43,217,var(--bg-opacity))}.focus\:bg-white:focus{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.active\:bg-transparent:active{background-color:transparent}.active\:bg-purple-600:active{--bg-opacity:1;background-color:#7e3af2;background-color:rgba(126,58,242,var(--bg-opacity))}.theme-dark .dark\:bg-gray-700{--bg-opacity:1;background-color:#24262d;background-color:rgba(36,38,45,var(--bg-opacity))}.theme-dark .dark\:bg-gray-800{--bg-opacity:1;background-color:#1a1c23;background-color:rgba(26,28,35,var(--bg-opacity))}.theme-dark .dark\:bg-gray-900{--bg-opacity:1;background-color:#121317;background-color:rgba(18,19,23,var(--bg-opacity))}.theme-dark .dark\:bg-red-600{--bg-opacity:1;background-color:#e02424;background-color:rgba(224,36,36,var(--bg-opacity))}.theme-dark .dark\:bg-red-700{--bg-opacity:1;background-color:#c81e1e;background-color:rgba(200,30,30,var(--bg-opacity))}.theme-dark .dark\:bg-orange-500{--bg-opacity:1;background-color:#ff5a1f;background-color:rgba(255,90,31,var(--bg-opacity))}.theme-dark .dark\:bg-orange-600{--bg-opacity:1;background-color:#d03801;background-color:rgba(208,56,1,var(--bg-opacity))}.theme-dark .dark\:bg-green-500{--bg-opacity:1;background-color:#0e9f6e;background-color:rgba(14,159,110,var(--bg-opacity))}.theme-dark .dark\:bg-green-700{--bg-opacity:1;background-color:#046c4e;background-color:rgba(4,108,78,var(--bg-opacity))}.theme-dark .dark\:bg-teal-500{--bg-opacity:1;background-color:#0694a2;background-color:rgba(6,148,162,var(--bg-opacity))}.theme-dark .dark\:bg-blue-500{--bg-opacity:1;background-color:#3f83f8;background-color:rgba(63,131,248,var(--bg-opacity))}.theme-dark .dark\:hover\:bg-gray-800:hover{--bg-opacity:1;background-color:#1a1c23;background-color:rgba(26,28,35,var(--bg-opacity))}.bg-opacity-50{--bg-opacity:0.5}.border-transparent{border-color:transparent}.border-white{--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity))}.border-gray-100{--border-opacity:1;border-color:#f4f5f7;border-color:rgba(244,245,247,var(--border-opacity))}.border-gray-300{--border-opacity:1;border-color:#d5d6d7;border-color:rgba(213,214,215,var(--border-opacity))}.border-red-600{--border-opacity:1;border-color:#e02424;border-color:rgba(224,36,36,var(--border-opacity))}.border-green-600{--border-opacity:1;border-color:#057a55;border-color:rgba(5,122,85,var(--border-opacity))}.border-purple-600{--border-opacity:1;border-color:#7e3af2;border-color:rgba(126,58,242,var(--border-opacity))}.focus\:border-gray-500:focus{--border-opacity:1;border-color:#707275;border-color:rgba(112,114,117,var(--border-opacity))}.focus\:border-red-400:focus{--border-opacity:1;border-color:#f98080;border-color:rgba(249,128,128,var(--border-opacity))}.focus\:border-green-400:focus{--border-opacity:1;border-color:#31c48d;border-color:rgba(49,196,141,var(--border-opacity))}.focus\:border-purple-300:focus{--border-opacity:1;border-color:#cabffd;border-color:rgba(202,191,253,var(--border-opacity))}.focus\:border-purple-400:focus{--border-opacity:1;border-color:#ac94fa;border-color:rgba(172,148,250,var(--border-opacity))}.hover\:border-gray-500:hover{--border-opacity:1;border-color:#707275;border-color:rgba(112,114,117,var(--border-opacity))}.theme-dark .dark\:border-gray-600{--border-opacity:1;border-color:#4c4f52;border-color:rgba(76,79,82,var(--border-opacity))}.theme-dark .dark\:border-gray-700{--border-opacity:1;border-color:#24262d;border-color:rgba(36,38,45,var(--border-opacity))}.theme-dark .dark\:border-gray-800{--border-opacity:1;border-color:#1a1c23;border-color:rgba(26,28,35,var(--border-opacity))}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.border-0{border-width:0}.border-2{border-width:2px}.border{border-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.cursor-not-allowed{cursor:not-allowed}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.theme-dark .dark\:block{display:block}.theme-dark .dark\:hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-32{height:8rem}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-6xl{font-size:4rem}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mr-5{margin-right:1.25rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-16{margin-top:4rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mb-4{margin-bottom:-1rem}.max-h-0{max-height:0}.max-h-xl{max-height:36rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pr-2{padding-right:.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pl-10{padding-left:2.5rem}.pb-16{padding-bottom:4rem}.pr-20{padding-right:5rem}.pl-20{padding-left:5rem}.placeholder-gray-600::-moz-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.placeholder-gray-600:-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.placeholder-gray-600::-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.placeholder-gray-600::placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus::-moz-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus:-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus::-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus::placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500::-moz-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500::placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.shadow-xs{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.fill-current{fill:currentColor}.text-left{text-align:left}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9e9e9e;color:rgba(158,158,158,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#707275;color:rgba(112,114,117,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#24262d;color:rgba(36,38,45,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#1a1c23;color:rgba(26,28,35,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e02424;color:rgba(224,36,36,var(--text-opacity))}.text-red-700{--text-opacity:1;color:#c81e1e;color:rgba(200,30,30,var(--text-opacity))}.text-orange-500{--text-opacity:1;color:#ff5a1f;color:rgba(255,90,31,var(--text-opacity))}.text-orange-700{--text-opacity:1;color:#b43403;color:rgba(180,52,3,var(--text-opacity))}.text-green-500{--text-opacity:1;color:#0e9f6e;color:rgba(14,159,110,var(--text-opacity))}.text-green-600{--text-opacity:1;color:#057a55;color:rgba(5,122,85,var(--text-opacity))}.text-green-700{--text-opacity:1;color:#046c4e;color:rgba(4,108,78,var(--text-opacity))}.text-teal-500{--text-opacity:1;color:#0694a2;color:rgba(6,148,162,var(--text-opacity))}.text-blue-500{--text-opacity:1;color:#3f83f8;color:rgba(63,131,248,var(--text-opacity))}.text-purple-100{--text-opacity:1;color:#edebfe;color:rgba(237,235,254,var(--text-opacity))}.text-purple-200{--text-opacity:1;color:#dcd7fe;color:rgba(220,215,254,var(--text-opacity))}.text-purple-600{--text-opacity:1;color:#7e3af2;color:rgba(126,58,242,var(--text-opacity))}.focus-within\:text-purple-500:focus-within{--text-opacity:1;color:#9061f9;color:rgba(144,97,249,var(--text-opacity))}.focus-within\:text-purple-600:focus-within{--text-opacity:1;color:#7e3af2;color:rgba(126,58,242,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#24262d;color:rgba(36,38,45,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#1a1c23;color:rgba(26,28,35,var(--text-opacity))}.active\:text-gray-500:active{--text-opacity:1;color:#707275;color:rgba(112,114,117,var(--text-opacity))}.theme-dark .dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.theme-dark .dark\:text-gray-100{--text-opacity:1;color:#f4f5f7;color:rgba(244,245,247,var(--text-opacity))}.theme-dark .dark\:text-gray-200{--text-opacity:1;color:#e5e7eb;color:rgba(229,231,235,var(--text-opacity))}.theme-dark .dark\:text-gray-300{--text-opacity:1;color:#d5d6d7;color:rgba(213,214,215,var(--text-opacity))}.theme-dark .dark\:text-gray-400{--text-opacity:1;color:#9e9e9e;color:rgba(158,158,158,var(--text-opacity))}.theme-dark .dark\:text-red-100{--text-opacity:1;color:#fde8e8;color:rgba(253,232,232,var(--text-opacity))}.theme-dark .dark\:text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.theme-dark .dark\:text-orange-100{--text-opacity:1;color:#feecdc;color:rgba(254,236,220,var(--text-opacity))}.theme-dark .dark\:text-green-100{--text-opacity:1;color:#def7ec;color:rgba(222,247,236,var(--text-opacity))}.theme-dark .dark\:text-green-400{--text-opacity:1;color:#31c48d;color:rgba(49,196,141,var(--text-opacity))}.theme-dark .dark\:text-teal-100{--text-opacity:1;color:#d5f5f6;color:rgba(213,245,246,var(--text-opacity))}.theme-dark .dark\:text-blue-100{--text-opacity:1;color:#e1effe;color:rgba(225,239,254,var(--text-opacity))}.theme-dark .dark\:text-purple-300{--text-opacity:1;color:#cabffd;color:rgba(202,191,253,var(--text-opacity))}.theme-dark .dark\:text-purple-400{--text-opacity:1;color:#ac94fa;color:rgba(172,148,250,var(--text-opacity))}.theme-dark .dark\:focus-within\:text-purple-400:focus-within{--text-opacity:1;color:#ac94fa;color:rgba(172,148,250,var(--text-opacity))}.theme-dark .dark\:hover\:text-gray-200:hover{--text-opacity:1;color:#e5e7eb;color:rgba(229,231,235,var(--text-opacity))}.uppercase{text-transform:uppercase}.hover\:underline:hover,.underline{text-decoration:underline}.tracking-wide{letter-spacing:.025em}.align-middle{vertical-align:middle}.whitespace-no-wrap{white-space:nowrap}.w-1{width:.25rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-56{width:14rem}.w-64{width:16rem}.w-full{width:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.gap-6{grid-gap:1.5rem;gap:1.5rem}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.translate-x-1{--transform-translate-x:0.25rem}.-translate-x-20{--transform-translate-x:-5rem}.-translate-y-1{--transform-translate-y:-0.25rem}.translate-y-1\/2{--transform-translate-y:50%}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-colors{transition-property:background-color,border-color,color,fill,stroke}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.focus\:shadow-outline-gray:focus{box-shadow:0 0 0 3px rgba(213,214,215,.45)}.focus\:shadow-outline-red:focus{box-shadow:0 0 0 3px rgba(248,180,180,.45)}.focus\:shadow-outline-green:focus{box-shadow:0 0 0 3px rgba(132,225,188,.45)}.focus\:shadow-outline-purple:focus{box-shadow:0 0 0 3px rgba(202,191,253,.45)}.theme-dark .dark\:focus\:shadow-outline-gray:focus{box-shadow:0 0 0 3px rgba(213,214,215,.45)}@media (min-width:640px){.sm\:space-y-0>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0px*(1 - var(--space-y-reverse)));margin-bottom:calc(0px*var(--space-y-reverse))}.sm\:space-x-6>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1.5rem*var(--space-x-reverse));margin-left:calc(1.5rem*(1 - var(--space-x-reverse)))}.sm\:rounded-lg{border-radius:.5rem}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:m-4{margin:1rem}.sm\:mt-auto{margin-top:auto}.sm\:max-w-xl{max-width:36rem}.sm\:p-12{padding:3rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:w-auto{width:auto}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width:768px){.md\:space-x-4>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1rem*var(--space-x-reverse));margin-left:calc(1rem*(1 - var(--space-x-reverse)))}.md\:block{display:block}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:mr-32{margin-right:8rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}} File was deleted
public/assets/css/tailwind.output_new.css
File was created 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 html {
3 line-height: 1.15;
4 -webkit-text-size-adjust: 100%
5 }
6 body {
7 margin: 0
8 }
9 main {
10 display: block
11 }
12 h1 {
13 font-size: 2em;
14 margin: .67em 0
15 }
16 hr {
17 box-sizing: content-box;
18 height: 0;
19 overflow: visible
20 }
21 pre {
22 font-family: monospace, monospace;
23 font-size: 1em
24 }
25 a {
26 background-color: transparent
27 }
28 abbr[title] {
29 border-bottom: none;
30 text-decoration: underline;
31 -webkit-text-decoration: underline dotted;
32 text-decoration: underline dotted
33 }
34 b, strong {
35 font-weight: bolder
36 }
37 code, kbd, samp {
38 font-family: monospace, monospace;
39 font-size: 1em
40 }
41 small {
42 font-size: 80%
43 }
44 sub, sup {
45 font-size: 75%;
46 line-height: 0;
47 position: relative;
48 vertical-align: baseline
49 }
50 sub {
51 bottom: -.25em
52 }
53 sup {
54 top: -.5em
55 }
56 img {
57 border-style: none
58 }
59 button, input, optgroup, select, textarea {
60 font-family: inherit;
61 font-size: 100%;
62 line-height: 1.15;
63 margin: 0
64 }
65 button, input {
66 overflow: visible
67 }
68 button, select {
69 text-transform: none
70 }
71 [type=button], [type=reset], [type=submit], button {
72 -webkit-appearance: button
73 }
74 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
75 border-style: none;
76 padding: 0
77 }
78 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
79 outline: 1px dotted ButtonText
80 }
81 fieldset {
82 padding: .35em .75em .625em
83 }
84 legend {
85 box-sizing: border-box;
86 color: inherit;
87 display: table;
88 max-width: 100%;
89 padding: 0;
90 white-space: normal
91 }
92 progress {
93 vertical-align: baseline
94 }
95 textarea {
96 overflow: auto
97 }
98 [type=checkbox], [type=radio] {
99 box-sizing: border-box;
100 padding: 0
101 }
102 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
103 height: auto
104 }
105 [type=search] {
106 -webkit-appearance: textfield;
107 outline-offset: -2px
108 }
109 [type=search]::-webkit-search-decoration {
110 -webkit-appearance: none
111 }
112 ::-webkit-file-upload-button {
113 -webkit-appearance: button;
114 font: inherit
115 }
116 details {
117 display: block
118 }
119 summary {
120 display: list-item
121 }
122 [hidden], template {
123 display: none
124 }
125 blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
126 margin: 0
127 }
128 button {
129 background-color: transparent;
130 background-image: none;
131 padding: 0
132 }
133 button:focus {
134 outline: 1px dotted;
135 outline: 5px auto -webkit-focus-ring-color
136 }
137 fieldset, ol, ul {
138 margin: 0;
139 padding: 0
140 }
141 ol, ul {
142 list-style: none
143 }
144 html {
145 font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
146 line-height: 1.5
147 }
148 *, :after, :before {
149 box-sizing: border-box;
150 border: 0 solid #d5d6d7
151 }
152 hr {
153 border-top-width: 1px
154 }
155 img {
156 border-style: solid
157 }
158 textarea {
159 resize: vertical
160 }
161 input::-moz-placeholder, textarea::-moz-placeholder {
162 color: #a0aec0
163 }
164 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
165 color: #a0aec0
166 }
167 input::-ms-input-placeholder, textarea::-ms-input-placeholder {
168 color: #a0aec0
169 }
170 input::placeholder, textarea::placeholder {
171 color: #a0aec0
172 }
173 [role=button], button {
174 cursor: pointer
175 }
176 table {
177 border-collapse: collapse
178 }
179 h1, h2, h3, h4, h5, h6 {
180 font-size: inherit;
181 font-weight: inherit
182 }
183 a {
184 color: inherit;
185 text-decoration: inherit
186 }
187 button, input, optgroup, select, textarea {
188 padding: 0;
189 line-height: inherit;
190 color: inherit
191 }
192 code, kbd, pre, samp {
193 font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
194 }
195 audio, canvas, embed, iframe, img, object, svg, video {
196 display: block;
197 vertical-align: middle
198 }
199 img, video {
200 max-width: 100%;
201 height: auto
202 }
203 .container {
204 width: 100%
205 }
206 @media (min-width:640px) {
207 .container {
208 max-width: 640px
209 }
210 }
211 @media (min-width:768px) {
212 .container {
213 max-width: 768px
214 }
215 }
216 @media (min-width:1024px) {
217 .container {
218 max-width: 1024px
219 }
220 }
221 @media (min-width:1280px) {
222 .container {
223 max-width: 1280px
224 }
225 }
226 .form-input {
227 -webkit-appearance: none;
228 -moz-appearance: none;
229 appearance: none;
230 background-color: #fff;
231 border-color: #e2e8f0;
232 border-width: 1px;
233 border-radius: .25rem;
234 padding: .5rem .75rem;
235 font-size: 1rem;
236 line-height: 1.5
237 }
238 .form-input::-moz-placeholder {
239 color: #9e9e9e;
240 opacity: 1
241 }
242 .form-input:-ms-input-placeholder {
243 color: #9e9e9e;
244 opacity: 1
245 }
246 .form-input::-ms-input-placeholder {
247 color: #9e9e9e;
248 opacity: 1
249 }
250 .form-input::placeholder {
251 color: #9e9e9e;
252 opacity: 1
253 }
254 .form-input:focus {
255 outline: none;
256 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
257 border-color: #63b3ed
258 }
259 .form-textarea {
260 -webkit-appearance: none;
261 -moz-appearance: none;
262 appearance: none;
263 background-color: #fff;
264 border-color: #e2e8f0;
265 border-width: 1px;
266 border-radius: .25rem;
267 padding: .5rem .75rem;
268 font-size: 1rem;
269 line-height: 1.5
270 }
271 .form-textarea::-moz-placeholder {
272 color: #9e9e9e;
273 opacity: 1
274 }
275 .form-textarea:-ms-input-placeholder {
276 color: #9e9e9e;
277 opacity: 1
278 }
279 .form-textarea::-ms-input-placeholder {
280 color: #9e9e9e;
281 opacity: 1
282 }
283 .form-textarea::placeholder {
284 color: #9e9e9e;
285 opacity: 1
286 }
287 .form-textarea:focus {
288 outline: none;
289 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
290 border-color: #63b3ed
291 }
292 .form-multiselect {
293 -webkit-appearance: none;
294 -moz-appearance: none;
295 appearance: none;
296 background-color: #fff;
297 border-color: #e2e8f0;
298 border-width: 1px;
299 border-radius: .25rem;
300 padding: .5rem .75rem;
301 font-size: 1rem;
302 line-height: 1.5
303 }
304 .form-multiselect:focus {
305 outline: none;
306 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
307 border-color: #63b3ed
308 }
309 .form-select {
310 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E");
311 -webkit-appearance: none;
312 -moz-appearance: none;
313 appearance: none;
314 -webkit-print-color-adjust: exact;
315 color-adjust: exact;
316 background-repeat: no-repeat;
317 background-color: #fff;
318 border-color: #e2e8f0;
319 border-width: 1px;
320 border-radius: .25rem;
321 padding: .5rem 2.5rem .5rem .75rem;
322 font-size: 1rem;
323 line-height: 1.5;
324 background-position: right .5rem center;
325 background-size: 1.5em 1.5em
326 }
327 .form-select::-ms-expand {
328 color: #a0aec0;
329 border: none
330 }
331 @media not print {
332 .form-select::-ms-expand {
333 display: none
334 }
335 }
336 @media print and (-ms-high-contrast:active), print and (-ms-high-contrast:none) {
337 .form-select {
338 padding-right: .75rem
339 }
340 }
341 .form-select:focus {
342 outline: none;
343 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
344 border-color: #63b3ed
345 }
346 .form-checkbox {
347 -webkit-appearance: none;
348 -moz-appearance: none;
349 appearance: none;
350 -webkit-print-color-adjust: exact;
351 color-adjust: exact;
352 display: inline-block;
353 vertical-align: middle;
354 background-origin: border-box;
355 -webkit-user-select: none;
356 -moz-user-select: none;
357 -ms-user-select: none;
358 user-select: none;
359 flex-shrink: 0;
360 height: 1em;
361 width: 1em;
362 color: #4299e1;
363 background-color: #fff;
364 border-color: #e2e8f0;
365 border-width: 1px;
366 border-radius: .25rem
367 }
368 .form-checkbox:checked {
369 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");
370 border-color: transparent;
371 background-color: currentColor;
372 background-size: 100% 100%;
373 background-position: 50%;
374 background-repeat: no-repeat
375 }
376 @media not print {
377 .form-checkbox::-ms-check {
378 border-width: 1px;
379 color: transparent;
380 background: inherit;
381 border-color: inherit;
382 border-radius: inherit
383 }
384 }
385 .form-checkbox:focus {
386 outline: none;
387 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
388 border-color: #63b3ed
389 }
390 .form-radio {
391 -webkit-appearance: none;
392 -moz-appearance: none;
393 appearance: none;
394 -webkit-print-color-adjust: exact;
395 color-adjust: exact;
396 display: inline-block;
397 vertical-align: middle;
398 background-origin: border-box;
399 -webkit-user-select: none;
400 -moz-user-select: none;
401 -ms-user-select: none;
402 user-select: none;
403 flex-shrink: 0;
404 border-radius: 100%;
405 height: 1em;
406 width: 1em;
407 color: #4299e1;
408 background-color: #fff;
409 border-color: #e2e8f0;
410 border-width: 1px
411 }
412 .form-radio:checked {
413 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
414 border-color: transparent;
415 background-color: currentColor;
416 background-size: 100% 100%;
417 background-position: 50%;
418 background-repeat: no-repeat
419 }
420 @media not print {
421 .form-radio::-ms-check {
422 border-width: 1px;
423 color: transparent;
424 background: inherit;
425 border-color: inherit;
426 border-radius: inherit
427 }
428 }
429 .form-radio:focus {
430 outline: none;
431 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
432 border-color: #63b3ed
433 }
434 .space-y-2>:not(template)~:not(template) {
435 --space-y-reverse: 0;
436 margin-top: calc(0.5rem*(1 - var(--space-y-reverse)));
437 margin-bottom: calc(0.5rem*var(--space-y-reverse))
438 }
439 .space-x-3>:not(template)~:not(template) {
440 --space-x-reverse: 0;
441 margin-right: calc(0.75rem*var(--space-x-reverse));
442 margin-left: calc(0.75rem*(1 - var(--space-x-reverse)))
443 }
444 .space-y-4>:not(template)~:not(template) {
445 --space-y-reverse: 0;
446 margin-top: calc(1rem*(1 - var(--space-y-reverse)));
447 margin-bottom: calc(1rem*var(--space-y-reverse))
448 }
449 .space-x-4>:not(template)~:not(template) {
450 --space-x-reverse: 0;
451 margin-right: calc(1rem*var(--space-x-reverse));
452 margin-left: calc(1rem*(1 - var(--space-x-reverse)))
453 }
454 .space-x-6>:not(template)~:not(template) {
455 --space-x-reverse: 0;
456 margin-right: calc(1.5rem*var(--space-x-reverse));
457 margin-left: calc(1.5rem*(1 - var(--space-x-reverse)))
458 }
459 .divide-y>:not(template)~:not(template) {
460 --divide-y-reverse: 0;
461 border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
462 border-bottom-width: calc(1px*var(--divide-y-reverse))
463 }
464 .theme-dark .dark\:divide-gray-700>:not(template)~:not(template) {
465 --divide-opacity: 1;
466 border-color: #24262d;
467 border-color: rgba(36, 38, 45, var(--divide-opacity))
468 }
469 .bg-white {
470 --bg-opacity: 1;
471 background-color: #fff;
472 background-color: rgba(255, 255, 255, var(--bg-opacity))
473 }
474 .bg-black {
475 --bg-opacity: 1;
476 background-color: #000;
477 background-color: rgba(0, 0, 0, var(--bg-opacity))
478 }
479 .bg-gray-50 {
480 --bg-opacity: 1;
481 background-color: #f9fafb;
482 background-color: rgba(249, 250, 251, var(--bg-opacity))
483 }
484 .bg-gray-100 {
485 --bg-opacity: 1;
486 background-color: #f4f5f7;
487 background-color: rgba(244, 245, 247, var(--bg-opacity))
488 }
489 .bg-red-100 {
490 --bg-opacity: 1;
491 background-color: #fde8e8;
492 background-color: rgba(253, 232, 232, var(--bg-opacity))
493 }
494 .bg-red-600 {
495 --bg-opacity: 1;
496 background-color: #e02424;
497 background-color: rgba(224, 36, 36, var(--bg-opacity))
498 }
499 .bg-orange-100 {
500 --bg-opacity: 1;
501 background-color: #feecdc;
502 background-color: rgba(254, 236, 220, var(--bg-opacity))
503 }
504 .bg-green-100 {
505 --bg-opacity: 1;
506 background-color: #def7ec;
507 background-color: rgba(222, 247, 236, var(--bg-opacity))
508 }
509 .bg-teal-100 {
510 --bg-opacity: 1;
511 background-color: #d5f5f6;
512 background-color: rgba(213, 245, 246, var(--bg-opacity))
513 }
514 .bg-teal-500 {
515 --bg-opacity: 1;
516 background-color: #0694a2;
517 background-color: rgba(6, 148, 162, var(--bg-opacity))
518 }
519 .bg-teal-600 {
520 --bg-opacity: 1;
521 background-color: #047481;
522 background-color: rgba(4, 116, 129, var(--bg-opacity))
523 }
524 .bg-blue-100 {
525 --bg-opacity: 1;
526 background-color: #e1effe;
527 background-color: rgba(225, 239, 254, var(--bg-opacity))
528 }
529 .bg-blue-500 {
530 --bg-opacity: 1;
531 background-color: #3f83f8;
532 background-color: rgba(63, 131, 248, var(--bg-opacity))
533 }
534 .bg-blue-600 {
535 --bg-opacity: 1;
536 background-color: #1c64f2;
537 background-color: rgba(28, 100, 242, var(--bg-opacity))
538 }
539 .bg-purple-600 {
540 --bg-opacity: 1;
541 background-color: #7e3af2;
542 background-color: rgba(126, 58, 242, var(--bg-opacity))
543 }
544 .hover\:bg-gray-100:hover {
545 --bg-opacity: 1;
546 background-color: #f4f5f7;
547 background-color: rgba(244, 245, 247, var(--bg-opacity))
548 }
549 .hover\:bg-purple-700:hover {
550 --bg-opacity: 1;
551 background-color: #6c2bd9;
552 background-color: rgba(108, 43, 217, var(--bg-opacity))
553 }
554 .focus\:bg-white:focus {
555 --bg-opacity: 1;
556 background-color: #fff;
557 background-color: rgba(255, 255, 255, var(--bg-opacity))
558 }
559 .active\:bg-transparent:active {
560 background-color: transparent
561 }
562 .active\:bg-purple-600:active {
563 --bg-opacity: 1;
564 background-color: #7e3af2;
565 background-color: rgba(126, 58, 242, var(--bg-opacity))
566 }
567 .theme-dark .dark\:bg-gray-700 {
568 --bg-opacity: 1;
569 background-color: #24262d;
570 background-color: rgba(36, 38, 45, var(--bg-opacity))
571 }
572 .theme-dark .dark\:bg-gray-800 {
573 --bg-opacity: 1;
574 background-color: #1a1c23;
575 background-color: rgba(26, 28, 35, var(--bg-opacity))
576 }
577 .theme-dark .dark\:bg-gray-900 {
578 --bg-opacity: 1;
579 background-color: #121317;
580 background-color: rgba(18, 19, 23, var(--bg-opacity))
581 }
582 .theme-dark .dark\:bg-red-600 {
583 --bg-opacity: 1;
584 background-color: #e02424;
585 background-color: rgba(224, 36, 36, var(--bg-opacity))
586 }
587 .theme-dark .dark\:bg-red-700 {
588 --bg-opacity: 1;
589 background-color: #c81e1e;
590 background-color: rgba(200, 30, 30, var(--bg-opacity))
591 }
592 .theme-dark .dark\:bg-orange-500 {
593 --bg-opacity: 1;
594 background-color: #ff5a1f;
595 background-color: rgba(255, 90, 31, var(--bg-opacity))
596 }
597 .theme-dark .dark\:bg-orange-600 {
598 --bg-opacity: 1;
599 background-color: #d03801;
600 background-color: rgba(208, 56, 1, var(--bg-opacity))
601 }
602 .theme-dark .dark\:bg-green-500 {
603 --bg-opacity: 1;
604 background-color: #0e9f6e;
605 background-color: rgba(14, 159, 110, var(--bg-opacity))
606 }
607 .theme-dark .dark\:bg-green-700 {
608 --bg-opacity: 1;
609 background-color: #046c4e;
610 background-color: rgba(4, 108, 78, var(--bg-opacity))
611 }
612 .theme-dark .dark\:bg-teal-500 {
613 --bg-opacity: 1;
614 background-color: #0694a2;
615 background-color: rgba(6, 148, 162, var(--bg-opacity))
616 }
617 .theme-dark .dark\:bg-blue-500 {
618 --bg-opacity: 1;
619 background-color: #3f83f8;
620 background-color: rgba(63, 131, 248, var(--bg-opacity))
621 }
622 .theme-dark .dark\:hover\:bg-gray-800:hover {
623 --bg-opacity: 1;
624 background-color: #1a1c23;
625 background-color: rgba(26, 28, 35, var(--bg-opacity))
626 }
627 .bg-opacity-50 {
628 --bg-opacity: 0.5
629 }
630 .border-transparent {
631 border-color: transparent
632 }
633 .border-white {
634 --border-opacity: 1;
635 border-color: #fff;
636 border-color: rgba(255, 255, 255, var(--border-opacity))
637 }
638 .border-gray-100 {
639 --border-opacity: 1;
640 border-color: #f4f5f7;
641 border-color: rgba(244, 245, 247, var(--border-opacity))
642 }
643 .border-gray-300 {
644 --border-opacity: 1;
645 border-color: #d5d6d7;
646 border-color: rgba(213, 214, 215, var(--border-opacity))
647 }
648 .border-red-600 {
649 --border-opacity: 1;
650 border-color: #e02424;
651 border-color: rgba(224, 36, 36, var(--border-opacity))
652 }
653 .border-green-600 {
654 --border-opacity: 1;
655 border-color: #057a55;
656 border-color: rgba(5, 122, 85, var(--border-opacity))
657 }
658 .border-purple-600 {
659 --border-opacity: 1;
660 border-color: #7e3af2;
661 border-color: rgba(126, 58, 242, var(--border-opacity))
662 }
663 .focus\:border-gray-500:focus {
664 --border-opacity: 1;
665 border-color: #707275;
666 border-color: rgba(112, 114, 117, var(--border-opacity))
667 }
668 .focus\:border-red-400:focus {
669 --border-opacity: 1;
670 border-color: #f98080;
671 border-color: rgba(249, 128, 128, var(--border-opacity))
672 }
673 .focus\:border-green-400:focus {
674 --border-opacity: 1;
675 border-color: #31c48d;
676 border-color: rgba(49, 196, 141, var(--border-opacity))
677 }
678 .focus\:border-purple-300:focus {
679 --border-opacity: 1;
680 border-color: #cabffd;
681 border-color: rgba(202, 191, 253, var(--border-opacity))
682 }
683 .focus\:border-purple-400:focus {
684 --border-opacity: 1;
685 border-color: #ac94fa;
686 border-color: rgba(172, 148, 250, var(--border-opacity))
687 }
688 .hover\:border-gray-500:hover {
689 --border-opacity: 1;
690 border-color: #707275;
691 border-color: rgba(112, 114, 117, var(--border-opacity))
692 }
693 .theme-dark .dark\:border-gray-600 {
694 --border-opacity: 1;
695 border-color: #4c4f52;
696 border-color: rgba(76, 79, 82, var(--border-opacity))
697 }
698 .theme-dark .dark\:border-gray-700 {
699 --border-opacity: 1;
700 border-color: #24262d;
701 border-color: rgba(36, 38, 45, var(--border-opacity))
702 }
703 .theme-dark .dark\:border-gray-800 {
704 --border-opacity: 1;
705 border-color: #1a1c23;
706 border-color: rgba(26, 28, 35, var(--border-opacity))
707 }
708 .rounded {
709 border-radius: .25rem
710 }
711 .rounded-md {
712 border-radius: .375rem
713 }
714 .rounded-lg {
715 border-radius: .5rem
716 }
717 .rounded-full {
718 border-radius: 9999px
719 }
720 .rounded-r-md {
721 border-top-right-radius: .375rem;
722 border-bottom-right-radius: .375rem
723 }
724 .rounded-l-md {
725 border-top-left-radius: .375rem;
726 border-bottom-left-radius: .375rem
727 }
728 .rounded-t-lg {
729 border-top-left-radius: .5rem
730 }
731 .rounded-r-lg, .rounded-t-lg {
732 border-top-right-radius: .5rem
733 }
734 .rounded-r-lg {
735 border-bottom-right-radius: .5rem
736 }
737 .rounded-l-lg {
738 border-top-left-radius: .5rem;
739 border-bottom-left-radius: .5rem
740 }
741 .rounded-tr-lg {
742 border-top-right-radius: .5rem
743 }
744 .rounded-br-lg {
745 border-bottom-right-radius: .5rem
746 }
747 .border-0 {
748 border-width: 0
749 }
750 .border-2 {
751 border-width: 2px
752 }
753 .border {
754 border-width: 1px
755 }
756 .border-r-0 {
757 border-right-width: 0
758 }
759 .border-t {
760 border-top-width: 1px
761 }
762 .border-b {
763 border-bottom-width: 1px
764 }
765 .cursor-not-allowed {
766 cursor: not-allowed
767 }
768 .block {
769 display: block
770 }
771 .inline-block {
772 display: inline-block
773 }
774 .flex {
775 display: flex
776 }
777 .inline-flex {
778 display: inline-flex
779 }
780 .table {
781 display: table
782 }
783 .grid {
784 display: grid
785 }
786 .hidden {
787 display: none
788 }
789 .theme-dark .dark\:block {
790 display: block
791 }
792 .theme-dark .dark\:hidden {
793 display: none
794 }
795 .flex-col {
796 flex-direction: column
797 }
798 .flex-wrap {
799 flex-wrap: wrap
800 }
801 .items-end {
802 align-items: flex-end
803 }
804 .items-center {
805 align-items: center
806 }
807 .justify-end {
808 justify-content: flex-end
809 }
810 .justify-center {
811 justify-content: center
812 }
813 .justify-between {
814 justify-content: space-between
815 }
816 .flex-1 {
817 flex: 1 1 0%
818 }
819 .flex-shrink-0 {
820 flex-shrink: 0
821 }
822 .font-medium {
823 font-weight: 500
824 }
825 .font-semibold {
826 font-weight: 600
827 }
828 .font-bold {
829 font-weight: 700
830 }
831 .h-3 {
832 height: .75rem
833 }
834 .h-4 {
835 height: 1rem
836 }
837 .h-5 {
838 height: 1.25rem
839 }
840 .h-6 {
841 height: 1.5rem
842 }
843 .h-8 {
844 height: 2rem
845 }
846 .h-12 {
847 height: 3rem
848 }
849 .h-32 {
850 height: 8rem
851 }
852 .h-full {
853 height: 100%
854 }
855 .h-screen {
856 height: 100vh
857 }
858 .text-xs {
859 font-size: .75rem
860 }
861 .text-sm {
862 font-size: .875rem
863 }
864 .text-lg {
865 font-size: 1.125rem
866 }
867 .text-xl {
868 font-size: 1.25rem
869 }
870 .text-2xl {
871 font-size: 1.5rem
872 }
873 .text-6xl {
874 font-size: 4rem
875 }
876 .leading-5 {
877 line-height: 1.25rem
878 }
879 .leading-none {
880 line-height: 1
881 }
882 .leading-tight {
883 line-height: 1.25
884 }
885 .my-6 {
886 margin-top: 1.5rem;
887 margin-bottom: 1.5rem
888 }
889 .my-8 {
890 margin-top: 2rem;
891 margin-bottom: 2rem
892 }
893 .mx-auto {
894 margin-left: auto;
895 margin-right: auto
896 }
897 .-mx-6 {
898 margin-left: -1.5rem;
899 margin-right: -1.5rem
900 }
901 .mt-1 {
902 margin-top: .25rem
903 }
904 .mr-1 {
905 margin-right: .25rem
906 }
907 .mt-2 {
908 margin-top: .5rem
909 }
910 .mr-2 {
911 margin-right: .5rem
912 }
913 .mb-2 {
914 margin-bottom: .5rem
915 }
916 .ml-2 {
917 margin-left: .5rem
918 }
919 .mr-3 {
920 margin-right: .75rem
921 }
922 .ml-3 {
923 margin-left: .75rem
924 }
925 .mt-4 {
926 margin-top: 1rem
927 }
928 .mr-4 {
929 margin-right: 1rem
930 }
931 .mb-4 {
932 margin-bottom: 1rem
933 }
934 .ml-4 {
935 margin-left: 1rem
936 }
937 .mr-5 {
938 margin-right: 1.25rem
939 }
940 .mt-6 {
941 margin-top: 1.5rem
942 }
943 .mr-6 {
944 margin-right: 1.5rem
945 }
946 .mb-6 {
947 margin-bottom: 1.5rem
948 }
949 .ml-6 {
950 margin-left: 1.5rem
951 }
952 .mt-8 {
953 margin-top: 2rem
954 }
955 .mb-8 {
956 margin-bottom: 2rem
957 }
958 .mt-16 {
959 margin-top: 4rem
960 }
961 .-mr-1 {
962 margin-right: -.25rem
963 }
964 .-ml-1 {
965 margin-left: -.25rem
966 }
967 .-mb-4 {
968 margin-bottom: -1rem
969 }
970 .max-h-0 {
971 max-height: 0
972 }
973 .max-h-xl {
974 max-height: 36rem
975 }
976 .max-w-xl {
977 /*max-width: 36rem*/
978 }
979 .max-w-2xl {
980 max-width: 42rem
981 }
982 .max-w-4xl {
983 max-width: 56rem
984 }
985 .min-h-screen {
986 min-height: 100vh
987 }
988 .min-w-0 {
989 min-width: 0
990 }
991 .object-cover {
992 -o-object-fit: cover;
993 object-fit: cover
994 }
995 .opacity-0 {
996 opacity: 0
997 }
998 .opacity-25 {
999 opacity: .25
1000 }
1001 .opacity-50 {
1002 opacity: .5
1003 }
1004 .opacity-100 {
1005 opacity: 1
1006 }
1007 .focus\:outline-none:focus {
1008 outline: 0
1009 }
1010 .overflow-hidden {
1011 overflow: hidden
1012 }
1013 .overflow-x-auto {
1014 overflow-x: auto
1015 }
1016 .overflow-y-auto {
1017 overflow-y: auto
1018 }
1019 .p-1 {
1020 padding: .25rem
1021 }
1022 .p-2 {
1023 padding: .5rem
1024 }
1025 .p-3 {
1026 padding: .75rem
1027 }
1028 .p-4 {
1029 padding: 1rem
1030 }
1031 .p-6 {
1032 padding: 1.5rem
1033 }
1034 .py-1 {
1035 padding-top: .25rem;
1036 padding-bottom: .25rem
1037 }
1038 .py-2 {
1039 padding-top: .5rem;
1040 padding-bottom: .5rem
1041 }
1042 .px-2 {
1043 padding-left: .5rem;
1044 padding-right: .5rem
1045 }
1046 .py-3 {
1047 padding-top: .75rem;
1048 padding-bottom: .75rem
1049 }
1050 .px-3 {
1051 padding-left: .75rem;
1052 padding-right: .75rem
1053 }
1054 .py-4 {
1055 padding-top: 1rem;
1056 padding-bottom: 1rem
1057 }
1058 .px-4 {
1059 padding-left: 1rem;
1060 padding-right: 1rem
1061 }
1062 .px-5 {
1063 padding-left: 1.25rem;
1064 padding-right: 1.25rem
1065 }
1066 .px-6 {
1067 padding-left: 1.5rem;
1068 padding-right: 1.5rem
1069 }
1070 .px-10 {
1071 padding-left: 2.5rem;
1072 padding-right: 2.5rem
1073 }
1074 .pr-2 {
1075 padding-right: .5rem
1076 }
1077 .pl-2 {
1078 padding-left: .5rem
1079 }
1080 .pl-8 {
1081 padding-left: 2rem
1082 }
1083 .pr-10 {
1084 padding-right: 2.5rem
1085 }
1086 .pl-10 {
1087 padding-left: 2.5rem
1088 }
1089 .pb-16 {
1090 padding-bottom: 4rem
1091 }
1092 .pr-20 {
1093 padding-right: 5rem
1094 }
1095 .pl-20 {
1096 padding-left: 5rem
1097 }
1098 .placeholder-gray-600::-moz-placeholder {
1099 --placeholder-opacity: 1;
1100 color: #4c4f52;
1101 color: rgba(76, 79, 82, var(--placeholder-opacity))
1102 }
1103 .placeholder-gray-600:-ms-input-placeholder {
1104 --placeholder-opacity: 1;
1105 color: #4c4f52;
1106 color: rgba(76, 79, 82, var(--placeholder-opacity))
1107 }
1108 .placeholder-gray-600::-ms-input-placeholder {
1109 --placeholder-opacity: 1;
1110 color: #4c4f52;
1111 color: rgba(76, 79, 82, var(--placeholder-opacity))
1112 }
1113 .placeholder-gray-600::placeholder {
1114 --placeholder-opacity: 1;
1115 color: #4c4f52;
1116 color: rgba(76, 79, 82, var(--placeholder-opacity))
1117 }
1118 .focus\:placeholder-gray-500:focus::-moz-placeholder {
1119 --placeholder-opacity: 1;
1120 color: #707275;
1121 color: rgba(112, 114, 117, var(--placeholder-opacity))
1122 }
1123 .focus\:placeholder-gray-500:focus:-ms-input-placeholder {
1124 --placeholder-opacity: 1;
1125 color: #707275;
1126 color: rgba(112, 114, 117, var(--placeholder-opacity))
1127 }
1128 .focus\:placeholder-gray-500:focus::-ms-input-placeholder {
1129 --placeholder-opacity: 1;
1130 color: #707275;
1131 color: rgba(112, 114, 117, var(--placeholder-opacity))
1132 }
1133 .focus\:placeholder-gray-500:focus::placeholder {
1134 --placeholder-opacity: 1;
1135 color: #707275;
1136 color: rgba(112, 114, 117, var(--placeholder-opacity))
1137 }
1138 .theme-dark .dark\:placeholder-gray-500::-moz-placeholder {
1139 --placeholder-opacity: 1;
1140 color: #707275;
1141 color: rgba(112, 114, 117, var(--placeholder-opacity))
1142 }
1143 .theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder {
1144 --placeholder-opacity: 1;
1145 color: #707275;
1146 color: rgba(112, 114, 117, var(--placeholder-opacity))
1147 }
1148 .theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder {
1149 --placeholder-opacity: 1;
1150 color: #707275;
1151 color: rgba(112, 114, 117, var(--placeholder-opacity))
1152 }
1153 .theme-dark .dark\:placeholder-gray-500::placeholder {
1154 --placeholder-opacity: 1;
1155 color: #707275;
1156 color: rgba(112, 114, 117, var(--placeholder-opacity))
1157 }
1158 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
1159 --placeholder-opacity: 1;
1160 color: #4c4f52;
1161 color: rgba(76, 79, 82, var(--placeholder-opacity))
1162 }
1163 .theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
1164 --placeholder-opacity: 1;
1165 color: #4c4f52;
1166 color: rgba(76, 79, 82, var(--placeholder-opacity))
1167 }
1168 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
1169 --placeholder-opacity: 1;
1170 color: #4c4f52;
1171 color: rgba(76, 79, 82, var(--placeholder-opacity))
1172 }
1173 .theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder {
1174 --placeholder-opacity: 1;
1175 color: #4c4f52;
1176 color: rgba(76, 79, 82, var(--placeholder-opacity))
1177 }
1178 .pointer-events-none {
1179 pointer-events: none
1180 }
1181 .fixed {
1182 position: fixed
1183 }
1184 .absolute {
1185 position: absolute
1186 }
1187 .relative {
1188 position: relative
1189 }
1190 .inset-0 {
1191 right: 0;
1192 left: 0
1193 }
1194 .inset-0, .inset-y-0 {
1195 top: 0;
1196 bottom: 0
1197 }
1198 .top-0 {
1199 top: 0
1200 }
1201 .right-0 {
1202 right: 0
1203 }
1204 .left-0 {
1205 left: 0
1206 }
1207 .shadow-xs {
1208 box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
1209 }
1210 .shadow {
1211 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
1212 }
1213 .shadow-md {
1214 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
1215 }
1216 .shadow-xl {
1217 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
1218 }
1219 .shadow-inner {
1220 box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
1221 }
1222 .fill-current {
1223 fill: currentColor
1224 }
1225 .text-left {
1226 text-align: left
1227 }
1228 .text-center {
1229 text-align: center
1230 }
1231 .text-white {
1232 --text-opacity: 1;
1233 color: #fff;
1234 color: rgba(255, 255, 255, var(--text-opacity))
1235 }
1236 .text-black {
1237 --text-opacity: 1;
1238 color: #000;
1239 color: rgba(0, 0, 0, var(--text-opacity))
1240 }
1241 .text-gray-400 {
1242 --text-opacity: 1;
1243 color: #9e9e9e;
1244 color: rgba(158, 158, 158, var(--text-opacity))
1245 }
1246 .text-gray-500 {
1247 --text-opacity: 1;
1248 color: #707275;
1249 color: rgba(112, 114, 117, var(--text-opacity))
1250 }
1251 .text-gray-600 {
1252 --text-opacity: 1;
1253 color: #4c4f52;
1254 color: rgba(76, 79, 82, var(--text-opacity))
1255 }
1256 .text-gray-700 {
1257 --text-opacity: 1;
1258 color: #24262d;
1259 color: rgba(36, 38, 45, var(--text-opacity))
1260 }
1261 .text-gray-800 {
1262 --text-opacity: 1;
1263 color: #1a1c23;
1264 color: rgba(26, 28, 35, var(--text-opacity))
1265 }
1266 .text-red-600 {
1267 --text-opacity: 1;
1268 color: #e02424;
1269 color: rgba(224, 36, 36, var(--text-opacity))
1270 }
1271 .text-red-700 {
1272 --text-opacity: 1;
1273 color: #c81e1e;
1274 color: rgba(200, 30, 30, var(--text-opacity))
1275 }
1276 .text-orange-500 {
1277 --text-opacity: 1;
1278 color: #ff5a1f;
1279 color: rgba(255, 90, 31, var(--text-opacity))
1280 }
1281 .text-orange-700 {
1282 --text-opacity: 1;
1283 color: #b43403;
1284 color: rgba(180, 52, 3, var(--text-opacity))
1285 }
1286 .text-green-500 {
1287 --text-opacity: 1;
1288 color: #0e9f6e;
1289 color: rgba(14, 159, 110, var(--text-opacity))
1290 }
1291 .text-green-600 {
1292 --text-opacity: 1;
1293 color: #057a55;
1294 color: rgba(5, 122, 85, var(--text-opacity))
1295 }
1296 .text-green-700 {
1297 --text-opacity: 1;
1298 color: #046c4e;
1299 color: rgba(4, 108, 78, var(--text-opacity))
1300 }
1301 .text-teal-500 {
1302 --text-opacity: 1;
1303 color: #0694a2;
1304 color: rgba(6, 148, 162, var(--text-opacity))
1305 }
1306 .text-blue-500 {
1307 --text-opacity: 1;
1308 color: #3f83f8;
1309 color: rgba(63, 131, 248, var(--text-opacity))
1310 }
1311 .text-purple-100 {
1312 --text-opacity: 1;
1313 color: #edebfe;
1314 color: rgba(237, 235, 254, var(--text-opacity))
1315 }
1316 .text-purple-200 {
1317 --text-opacity: 1;
1318 color: #dcd7fe;
1319 color: rgba(220, 215, 254, var(--text-opacity))
1320 }
1321 .text-purple-600 {
1322 --text-opacity: 1;
1323 color: #7e3af2;
1324 color: rgba(126, 58, 242, var(--text-opacity))
1325 }
1326 .focus-within\:text-purple-500:focus-within {
1327 --text-opacity: 1;
1328 color: #9061f9;
1329 color: rgba(144, 97, 249, var(--text-opacity))
1330 }
1331 .focus-within\:text-purple-600:focus-within {
1332 --text-opacity: 1;
1333 color: #7e3af2;
1334 color: rgba(126, 58, 242, var(--text-opacity))
1335 }
1336 .hover\:text-gray-700:hover {
1337 --text-opacity: 1;
1338 color: #24262d;
1339 color: rgba(36, 38, 45, var(--text-opacity))
1340 }
1341 .hover\:text-gray-800:hover {
1342 --text-opacity: 1;
1343 color: #1a1c23;
1344 color: rgba(26, 28, 35, var(--text-opacity))
1345 }
1346 .active\:text-gray-500:active {
1347 --text-opacity: 1;
1348 color: #707275;
1349 color: rgba(112, 114, 117, var(--text-opacity))
1350 }
1351 .theme-dark .dark\:text-white {
1352 --text-opacity: 1;
1353 color: #fff;
1354 color: rgba(255, 255, 255, var(--text-opacity))
1355 }
1356 .theme-dark .dark\:text-gray-100 {
1357 --text-opacity: 1;
1358 color: #f4f5f7;
1359 color: rgba(244, 245, 247, var(--text-opacity))
1360 }
1361 .theme-dark .dark\:text-gray-200 {
1362 --text-opacity: 1;
1363 color: #e5e7eb;
1364 color: rgba(229, 231, 235, var(--text-opacity))
1365 }
1366 .theme-dark .dark\:text-gray-300 {
1367 --text-opacity: 1;
1368 color: #d5d6d7;
1369 color: rgba(213, 214, 215, var(--text-opacity))
1370 }
1371 .theme-dark .dark\:text-gray-400 {
1372 --text-opacity: 1;
1373 color: #9e9e9e;
1374 color: rgba(158, 158, 158, var(--text-opacity))
1375 }
1376 .theme-dark .dark\:text-red-100 {
1377 --text-opacity: 1;
1378 color: #fde8e8;
1379 color: rgba(253, 232, 232, var(--text-opacity))
1380 }
1381 .theme-dark .dark\:text-red-400 {
1382 --text-opacity: 1;
1383 color: #f98080;
1384 color: rgba(249, 128, 128, var(--text-opacity))
1385 }
1386 .theme-dark .dark\:text-orange-100 {
1387 --text-opacity: 1;
1388 color: #feecdc;
1389 color: rgba(254, 236, 220, var(--text-opacity))
1390 }
1391 .theme-dark .dark\:text-green-100 {
1392 --text-opacity: 1;
1393 color: #def7ec;
1394 color: rgba(222, 247, 236, var(--text-opacity))
1395 }
1396 .theme-dark .dark\:text-green-400 {
1397 --text-opacity: 1;
1398 color: #31c48d;
1399 color: rgba(49, 196, 141, var(--text-opacity))
1400 }
1401 .theme-dark .dark\:text-teal-100 {
1402 --text-opacity: 1;
1403 color: #d5f5f6;
1404 color: rgba(213, 245, 246, var(--text-opacity))
1405 }
1406 .theme-dark .dark\:text-blue-100 {
1407 --text-opacity: 1;
1408 color: #e1effe;
1409 color: rgba(225, 239, 254, var(--text-opacity))
1410 }
1411 .theme-dark .dark\:text-purple-300 {
1412 --text-opacity: 1;
1413 color: #cabffd;
1414 color: rgba(202, 191, 253, var(--text-opacity))
1415 }
1416 .theme-dark .dark\:text-purple-400 {
1417 --text-opacity: 1;
1418 color: #ac94fa;
1419 color: rgba(172, 148, 250, var(--text-opacity))
1420 }
1421 .theme-dark .dark\:focus-within\:text-purple-400:focus-within {
1422 --text-opacity: 1;
1423 color: #ac94fa;
1424 color: rgba(172, 148, 250, var(--text-opacity))
1425 }
1426 .theme-dark .dark\:hover\:text-gray-200:hover {
1427 --text-opacity: 1;
1428 color: #e5e7eb;
1429 color: rgba(229, 231, 235, var(--text-opacity))
1430 }
1431 .uppercase {
1432 text-transform: uppercase
1433 }
1434 .hover\:underline:hover, .underline {
1435 text-decoration: underline
1436 }
1437 .tracking-wide {
1438 letter-spacing: .025em
1439 }
1440 .align-middle {
1441 vertical-align: middle
1442 }
1443 .whitespace-no-wrap {
1444 white-space: nowrap
1445 }
1446 .w-1 {
1447 width: .25rem
1448 }
1449 .w-3 {
1450 width: .75rem
1451 }
1452 .w-4 {
1453 width: 1rem
1454 }
1455 .w-5 {
1456 width: 1.25rem
1457 }
1458 .w-6 {
1459 width: 1.5rem
1460 }
1461 .w-8 {
1462 width: 2rem
1463 }
1464 .w-12 {
1465 width: 3rem
1466 }
1467 .w-56 {
1468 width: 14rem
1469 }
1470 .w-64 {
1471 width: 16rem
1472 }
1473 .w-full {
1474 width: 100%
1475 }
1476 .z-10 {
1477 z-index: 10
1478 }
1479 .z-20 {
1480 z-index: 20
1481 }
1482 .z-30 {
1483 z-index: 30
1484 }
1485 .gap-6 {
1486 grid-gap: 1.5rem;
1487 gap: 1.5rem
1488 }
1489 .col-span-2 {
1490 grid-column: span 2/span 2
1491 }
1492 .col-span-3 {
1493 grid-column: span 3/span 3
1494 }
1495 .col-span-4 {
1496 grid-column: span 4/span 4
1497 }
1498 .transform {
1499 --transform-translate-x: 0;
1500 --transform-translate-y: 0;
1501 --transform-rotate: 0;
1502 --transform-skew-x: 0;
1503 --transform-skew-y: 0;
1504 --transform-scale-x: 1;
1505 --transform-scale-y: 1;
1506 transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
1507 }
1508 .translate-x-1 {
1509 --transform-translate-x: 0.25rem
1510 }
1511 .-translate-x-20 {
1512 --transform-translate-x: -5rem
1513 }
1514 .-translate-y-1 {
1515 --transform-translate-y: -0.25rem
1516 }
1517 .translate-y-1\/2 {
1518 --transform-translate-y: 50%
1519 }
1520 .transition-all {
1521 transition-property: all
1522 }
1523 .transition {
1524 transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
1525 }
1526 .transition-colors {
1527 transition-property: background-color, border-color, color, fill, stroke
1528 }
1529 .ease-in {
1530 transition-timing-function: cubic-bezier(.4, 0, 1, 1)
1531 }
1532 .ease-out {
1533 transition-timing-function: cubic-bezier(0, 0, .2, 1)
1534 }
1535 .ease-in-out {
1536 transition-timing-function: cubic-bezier(.4, 0, .2, 1)
1537 }
1538 .duration-150 {
1539 transition-duration: .15s
1540 }
1541 .duration-300 {
1542 transition-duration: .3s
1543 }
1544 .focus\:shadow-outline-gray:focus {
1545 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
1546 }
1547 .focus\:shadow-outline-red:focus {
1548 box-shadow: 0 0 0 3px rgba(248, 180, 180, .45)
1549 }
1550 .focus\:shadow-outline-green:focus {
1551 box-shadow: 0 0 0 3px rgba(132, 225, 188, .45)
1552 }
1553 .focus\:shadow-outline-purple:focus {
1554 box-shadow: 0 0 0 3px rgba(202, 191, 253, .45)
1555 }
1556 .theme-dark .dark\:focus\:shadow-outline-gray:focus {
1557 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
1558 }
1559 @media (min-width:640px) {
1560 .sm\:space-y-0>:not(template)~:not(template) {
1561 --space-y-reverse: 0;
1562 margin-top: calc(0px*(1 - var(--space-y-reverse)));
1563 margin-bottom: calc(0px*var(--space-y-reverse))
1564 }
1565 .sm\:space-x-6>:not(template)~:not(template) {
1566 --space-x-reverse: 0;
1567 margin-right: calc(1.5rem*var(--space-x-reverse));
1568 margin-left: calc(1.5rem*(1 - var(--space-x-reverse)))
1569 }
1570 .sm\:rounded-lg {
1571 border-radius: .5rem
1572 }
1573 .sm\:flex-row {
1574 flex-direction: row
1575 }
1576 .sm\:items-center {
1577 align-items: center
1578 }
1579 .sm\:justify-end {
1580 justify-content: flex-end
1581 }
1582 .sm\:justify-center {
1583 justify-content: center
1584 }
1585 .sm\:m-4 {
1586 margin: 1rem
1587 }
1588 .sm\:mt-auto {
1589 margin-top: auto
1590 }
1591 .sm\:max-w-xl {
1592 max-width: 36rem
1593 }
1594 .sm\:p-12 {
1595 padding: 3rem
1596 }
1597 .sm\:py-2 {
1598 padding-top: .5rem;
1599 padding-bottom: .5rem
1600 }
1601 .sm\:px-4 {
1602 padding-left: 1rem;
1603 padding-right: 1rem
1604 }
1605 .sm\:w-auto {
1606 width: auto
1607 }
1608 .sm\:grid-cols-9 {
1609 grid-template-columns: repeat(9, minmax(0, 1fr))
1610 }
1611 }
1612 @media (min-width:768px) {
1613 .md\:space-x-4>:not(template)~:not(template) {
1614 --space-x-reverse: 0;
1615 margin-right: calc(1rem*var(--space-x-reverse));
1616 margin-left: calc(1rem*(1 - var(--space-x-reverse)))
1617 }
1618 .md\:block {
1619 display: block
1620 }
1621 .md\:hidden {
1622 display: none
1623 }
1624 .md\:flex-row {
1625 flex-direction: row
1626 }
1627 .md\:items-end {
1628 align-items: flex-end
1629 }
1630 .md\:h-auto {
1631 height: auto
1632 }
1633 .md\:w-1\/2 {
1634 width: 50%
1635 }
1636 .md\:grid-cols-2 {
1637 grid-template-columns: repeat(2, minmax(0, 1fr))
1638 }
1639 }
1640 @media (min-width:1024px) {
1641 .lg\:mr-32 {
1642 margin-right: 8rem
1643 }
1644 }
1645 @media (min-width:1280px) {
1646 .xl\:grid-cols-4 {
1647 grid-template-columns: repeat(4, minmax(0, 1fr))
1648 }
1649 }
1650
resources/views/layout/admin.blade.php
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3 <head> 3 <head>
4 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>{{$title}}</title> 6 <title>{{$title}}</title>
7 <link 7 <link
8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" 8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
9 rel="stylesheet" 9 rel="stylesheet"
10 /> 10 />
11 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output.css')}}" /> 11 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" />
12 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> 12 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" />
13 <script 13 <script
14 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" 14 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
15 defer 15 defer
16 ></script> 16 ></script>
17 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> 17 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script>
18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> 18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/>
19 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> 19 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script>
20 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 20 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
21 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> 21 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script>
22 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> 22 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script>
23 </head> 23 </head>
24 <body> 24 <body>
25 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> 25 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
26 <!-- Desktop sidebar --> 26 <!-- Desktop sidebar -->
27 <aside 27 <aside
28 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" 28 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0"
29 > 29 >
30 <div class="py-4 text-gray-500 dark:text-gray-400"> 30 <div class="py-4 text-gray-500 dark:text-gray-400">
31 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 31 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
32 href="{{ route('admin.index') }}"> 32 href="{{ route('admin.index') }}">
33 Админка 33 Админка
34 </a> 34 </a>
35 <ul class="mt-6"> 35 <ul class="mt-6">
36 <li class="relative px-6 py-3"> 36 <li class="relative px-6 py-3">
37 <span 37 <span
38 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 38 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
39 aria-hidden="true" 39 aria-hidden="true"
40 ></span> 40 ></span>
41 <!--class="inline-flex items-center w-full text-sm font-semibold text-gray-800 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 dark:text-gray-100" 41 <!--class="inline-flex items-center w-full text-sm font-semibold text-gray-800 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 dark:text-gray-100"
42 --> 42 -->
43 <a 43 <a
44 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" 44 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}"
45 href="{{ route('admin.index') }}" 45 href="{{ route('admin.index') }}"
46 > 46 >
47 <svg 47 <svg
48 class="w-5 h-5" 48 class="w-5 h-5"
49 aria-hidden="true" 49 aria-hidden="true"
50 fill="none" 50 fill="none"
51 stroke-linecap="round" 51 stroke-linecap="round"
52 stroke-linejoin="round" 52 stroke-linejoin="round"
53 stroke-width="2" 53 stroke-width="2"
54 viewBox="0 0 24 24" 54 viewBox="0 0 24 24"
55 stroke="currentColor" 55 stroke="currentColor"
56 > 56 >
57 <path 57 <path
58 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 58 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
59 ></path> 59 ></path>
60 </svg> 60 </svg>
61 <span class="ml-4">Главная страница</span> 61 <span class="ml-4">Главная страница</span>
62 </a> 62 </a>
63 </li> 63 </li>
64 </ul> 64 </ul>
65 <ul> 65 <ul>
66 @if ($UserId == 1) 66 @if ($UserId == 1)
67 <li class="relative px-6 py-3"> 67 <li class="relative px-6 py-3">
68 <a 68 <a
69 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" 69 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}"
70 href="{{ route('admin.users') }}" 70 href="{{ route('admin.users') }}"
71 > 71 >
72 <svg 72 <svg
73 class="w-5 h-5" 73 class="w-5 h-5"
74 aria-hidden="true" 74 aria-hidden="true"
75 fill="none" 75 fill="none"
76 stroke-linecap="round" 76 stroke-linecap="round"
77 stroke-linejoin="round" 77 stroke-linejoin="round"
78 stroke-width="2" 78 stroke-width="2"
79 viewBox="0 0 24 24" 79 viewBox="0 0 24 24"
80 stroke="currentColor" 80 stroke="currentColor"
81 > 81 >
82 <path 82 <path
83 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 83 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
84 ></path> 84 ></path>
85 </svg> 85 </svg>
86 <span class="ml-4">Пользователи</span> 86 <span class="ml-4">Пользователи</span>
87 </a> 87 </a>
88 </li> 88 </li>
89 @endif 89 @endif
90 <li class="relative px-6 py-3"> 90 <li class="relative px-6 py-3">
91 <a 91 <a
92 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 92 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
93 > 93 >
94 <svg 94 <svg
95 class="w-5 h-5" 95 class="w-5 h-5"
96 aria-hidden="true" 96 aria-hidden="true"
97 fill="none" 97 fill="none"
98 stroke-linecap="round" 98 stroke-linecap="round"
99 stroke-linejoin="round" 99 stroke-linejoin="round"
100 stroke-width="2" 100 stroke-width="2"
101 viewBox="0 0 24 24" 101 viewBox="0 0 24 24"
102 stroke="currentColor" 102 stroke="currentColor"
103 > 103 >
104 <path 104 <path
105 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 105 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
106 ></path> 106 ></path>
107 </svg> 107 </svg>
108 <span class="ml-4">Администраторы</span> 108 <span class="ml-4">Администраторы</span>
109 </a> 109 </a>
110 </li> 110 </li>
111 <li class="relative px-6 py-3"> 111 <li class="relative px-6 py-3">
112 <a 112 <a
113 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 113 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
114 > 114 >
115 <svg 115 <svg
116 class="w-5 h-5" 116 class="w-5 h-5"
117 aria-hidden="true" 117 aria-hidden="true"
118 fill="none" 118 fill="none"
119 stroke-linecap="round" 119 stroke-linecap="round"
120 stroke-linejoin="round" 120 stroke-linejoin="round"
121 stroke-width="2" 121 stroke-width="2"
122 viewBox="0 0 24 24" 122 viewBox="0 0 24 24"
123 stroke="currentColor" 123 stroke="currentColor"
124 > 124 >
125 <path 125 <path
126 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 126 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
127 ></path> 127 ></path>
128 </svg> 128 </svg>
129 <span class="ml-4">Работодатели</span> 129 <span class="ml-4">Работодатели</span>
130 </a> 130 </a>
131 </li> 131 </li>
132 <li class="relative px-6 py-3"> 132 <li class="relative px-6 py-3">
133 <a 133 <a
134 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 134 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
135 > 135 >
136 <svg 136 <svg
137 class="w-5 h-5" 137 class="w-5 h-5"
138 aria-hidden="true" 138 aria-hidden="true"
139 fill="none" 139 fill="none"
140 stroke-linecap="round" 140 stroke-linecap="round"
141 stroke-linejoin="round" 141 stroke-linejoin="round"
142 stroke-width="2" 142 stroke-width="2"
143 viewBox="0 0 24 24" 143 viewBox="0 0 24 24"
144 stroke="currentColor" 144 stroke="currentColor"
145 > 145 >
146 <path 146 <path
147 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 147 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
148 ></path> 148 ></path>
149 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 149 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
150 </svg> 150 </svg>
151 <span class="ml-4">Соискатели</span> 151 <span class="ml-4">Соискатели</span>
152 </a> 152 </a>
153 </li> 153 </li>
154 <li class="relative px-6 py-3"> 154 <li class="relative px-6 py-3">
155 <a 155 <a
156 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 156 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
157 > 157 >
158 <svg 158 <svg
159 class="w-5 h-5" 159 class="w-5 h-5"
160 aria-hidden="true" 160 aria-hidden="true"
161 fill="none" 161 fill="none"
162 stroke-linecap="round" 162 stroke-linecap="round"
163 stroke-linejoin="round" 163 stroke-linejoin="round"
164 stroke-width="2" 164 stroke-width="2"
165 viewBox="0 0 24 24" 165 viewBox="0 0 24 24"
166 stroke="currentColor" 166 stroke="currentColor"
167 > 167 >
168 <path 168 <path
169 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 169 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
170 ></path> 170 ></path>
171 </svg> 171 </svg>
172 <span class="ml-4">Вакансии</span> 172 <span class="ml-4">Вакансии</span>
173 </a> 173 </a>
174 </li> 174 </li>
175 175
176 <li class="relative px-6 py-3"> 176 <li class="relative px-6 py-3">
177 <a 177 <a
178 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 178 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
179 > 179 >
180 <svg 180 <svg
181 class="w-5 h-5" 181 class="w-5 h-5"
182 aria-hidden="true" 182 aria-hidden="true"
183 fill="none" 183 fill="none"
184 stroke-linecap="round" 184 stroke-linecap="round"
185 stroke-linejoin="round" 185 stroke-linejoin="round"
186 stroke-width="2" 186 stroke-width="2"
187 viewBox="0 0 24 24" 187 viewBox="0 0 24 24"
188 stroke="currentColor" 188 stroke="currentColor"
189 > 189 >
190 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 190 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
191 </svg> 191 </svg>
192 <span class="ml-4">Сообщения все</span> 192 <span class="ml-4">Сообщения все</span>
193 </a> 193 </a>
194 </li> 194 </li>
195 195
196 <li class="relative px-6 py-3"> 196 <li class="relative px-6 py-3">
197 <a 197 <a
198 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 198 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
199 > 199 >
200 <svg 200 <svg
201 class="w-5 h-5" 201 class="w-5 h-5"
202 aria-hidden="true" 202 aria-hidden="true"
203 fill="none" 203 fill="none"
204 stroke-linecap="round" 204 stroke-linecap="round"
205 stroke-linejoin="round" 205 stroke-linejoin="round"
206 stroke-width="2" 206 stroke-width="2"
207 viewBox="0 0 24 24" 207 viewBox="0 0 24 24"
208 stroke="currentColor" 208 stroke="currentColor"
209 > 209 >
210 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 210 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
211 </svg> 211 </svg>
212 <span class="ml-4">Заявки на рассылку</span> 212 <span class="ml-4">Заявки на рассылку</span>
213 </a> 213 </a>
214 </li> 214 </li>
215 215
216 <li class="relative px-6 py-3"> 216 <li class="relative px-6 py-3">
217 <a 217 <a
218 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}" 218 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"
219 > 219 >
220 <svg 220 <svg
221 class="w-5 h-5" 221 class="w-5 h-5"
222 aria-hidden="true" 222 aria-hidden="true"
223 fill="none" 223 fill="none"
224 stroke-linecap="round" 224 stroke-linecap="round"
225 stroke-linejoin="round" 225 stroke-linejoin="round"
226 stroke-width="2" 226 stroke-width="2"
227 viewBox="0 0 24 24" 227 viewBox="0 0 24 24"
228 stroke="currentColor" 228 stroke="currentColor"
229 > 229 >
230 <path 230 <path
231 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 231 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
232 ></path> 232 ></path>
233 </svg> 233 </svg>
234 <span class="ml-4">Группы пользователей</span> 234 <span class="ml-4">Группы пользователей</span>
235 </a> 235 </a>
236 </li> 236 </li>
237 237
238 <li class="relative px-6 py-3"> 238 <li class="relative px-6 py-3">
239 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 239 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
240 <svg 240 <svg
241 class="w-5 h-5" 241 class="w-5 h-5"
242 aria-hidden="true" 242 aria-hidden="true"
243 fill="none" 243 fill="none"
244 stroke-linecap="round" 244 stroke-linecap="round"
245 stroke-linejoin="round" 245 stroke-linejoin="round"
246 stroke-width="2" 246 stroke-width="2"
247 viewBox="0 0 24 24" 247 viewBox="0 0 24 24"
248 stroke="currentColor" 248 stroke="currentColor"
249 > 249 >
250 <path 250 <path
251 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 251 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
252 ></path> 252 ></path>
253 </svg> 253 </svg>
254 <span class="ml-4">Медиа</span> 254 <span class="ml-4">Медиа</span>
255 </a> 255 </a>
256 </li> 256 </li>
257 257
258 @if ($UserId == 1) 258 @if ($UserId == 1)
259 <li class="relative px-6 py-3"> 259 <li class="relative px-6 py-3">
260 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 260 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
261 <svg 261 <svg
262 class="w-5 h-5" 262 class="w-5 h-5"
263 aria-hidden="true" 263 aria-hidden="true"
264 fill="none" 264 fill="none"
265 stroke-linecap="round" 265 stroke-linecap="round"
266 stroke-linejoin="round" 266 stroke-linejoin="round"
267 stroke-width="2" 267 stroke-width="2"
268 viewBox="0 0 24 24" 268 viewBox="0 0 24 24"
269 stroke="currentColor" 269 stroke="currentColor"
270 > 270 >
271 <path 271 <path
272 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 272 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
273 ></path> 273 ></path>
274 </svg> 274 </svg>
275 <span class="ml-4">Роли пользователей</span> 275 <span class="ml-4">Роли пользователей</span>
276 </a> 276 </a>
277 </li> 277 </li>
278 @endif 278 @endif
279 <li class="relative px-6 py-3"> 279 <li class="relative px-6 py-3">
280 <a 280 <a
281 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 281 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
282 > 282 >
283 <svg 283 <svg
284 class="w-5 h-5" 284 class="w-5 h-5"
285 aria-hidden="true" 285 aria-hidden="true"
286 fill="none" 286 fill="none"
287 stroke-linecap="round" 287 stroke-linecap="round"
288 stroke-linejoin="round" 288 stroke-linejoin="round"
289 stroke-width="2" 289 stroke-width="2"
290 viewBox="0 0 24 24" 290 viewBox="0 0 24 24"
291 stroke="currentColor" 291 stroke="currentColor"
292 > 292 >
293 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 293 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
294 </svg> 294 </svg>
295 <span class="ml-4">Базы данных</span> 295 <span class="ml-4">Базы данных</span>
296 </a> 296 </a>
297 </li> 297 </li>
298 298
299 <li class="relative px-6 py-3"> 299 <li class="relative px-6 py-3">
300 <a 300 <a
301 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 301 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
302 > 302 >
303 <svg 303 <svg
304 class="w-5 h-5" 304 class="w-5 h-5"
305 aria-hidden="true" 305 aria-hidden="true"
306 fill="none" 306 fill="none"
307 stroke-linecap="round" 307 stroke-linecap="round"
308 stroke-linejoin="round" 308 stroke-linejoin="round"
309 stroke-width="2" 309 stroke-width="2"
310 viewBox="0 0 24 24" 310 viewBox="0 0 24 24"
311 stroke="currentColor" 311 stroke="currentColor"
312 > 312 >
313 <path 313 <path
314 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 314 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
315 ></path> 315 ></path>
316 </svg> 316 </svg>
317 <span class="ml-4">Учебн.заведения</span> 317 <span class="ml-4">Учебн.заведения</span>
318 </a> 318 </a>
319 </li> 319 </li>
320 320
321 <li class="relative px-6 py-3"> 321 <li class="relative px-6 py-3">
322 <a 322 <a
323 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 323 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
324 > 324 >
325 <svg 325 <svg
326 class="w-5 h-5" 326 class="w-5 h-5"
327 aria-hidden="true" 327 aria-hidden="true"
328 fill="none" 328 fill="none"
329 stroke-linecap="round" 329 stroke-linecap="round"
330 stroke-linejoin="round" 330 stroke-linejoin="round"
331 stroke-width="2" 331 stroke-width="2"
332 viewBox="0 0 24 24" 332 viewBox="0 0 24 24"
333 stroke="currentColor" 333 stroke="currentColor"
334 > 334 >
335 <path 335 <path
336 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 336 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
337 ></path> 337 ></path>
338 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 338 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
339 </svg> 339 </svg>
340 <span class="ml-4">Статистика</span> 340 <span class="ml-4">Статистика</span>
341 </a> 341 </a>
342 </li> 342 </li>
343 <li class="relative px-6 py-3"> 343 <li class="relative px-6 py-3">
344 <a 344 <a
345 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}" 345 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}"
346 > 346 >
347 <svg 347 <svg
348 class="w-5 h-5" 348 class="w-5 h-5"
349 aria-hidden="true" 349 aria-hidden="true"
350 fill="none" 350 fill="none"
351 stroke-linecap="round" 351 stroke-linecap="round"
352 stroke-linejoin="round" 352 stroke-linejoin="round"
353 stroke-width="2" 353 stroke-width="2"
354 viewBox="0 0 24 24" 354 viewBox="0 0 24 24"
355 stroke="currentColor" 355 stroke="currentColor"
356 > 356 >
357 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 357 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
358 </svg> 358 </svg>
359 <span class="ml-4">Модерация</span> 359 <span class="ml-4">Модерация</span>
360 </a> 360 </a>
361 </li> 361 </li>
362 <li class="relative px-6 py-3"> 362 <li class="relative px-6 py-3">
363 <a 363 <a
364 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 364 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
365 > 365 >
366 <svg 366 <svg
367 class="w-5 h-5" 367 class="w-5 h-5"
368 aria-hidden="true" 368 aria-hidden="true"
369 fill="none" 369 fill="none"
370 stroke-linecap="round" 370 stroke-linecap="round"
371 stroke-linejoin="round" 371 stroke-linejoin="round"
372 stroke-width="2" 372 stroke-width="2"
373 viewBox="0 0 24 24" 373 viewBox="0 0 24 24"
374 stroke="currentColor" 374 stroke="currentColor"
375 > 375 >
376 <path 376 <path
377 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 377 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
378 ></path> 378 ></path>
379 </svg> 379 </svg>
380 <span class="ml-4">Реклама</span> 380 <span class="ml-4">Реклама</span>
381 </a> 381 </a>
382 </li> 382 </li>
383 <!-- Справочники --> 383 <!-- Справочники -->
384 <li class="relative px-6 py-3" x-data="{ open1: false }"> 384 <li class="relative px-6 py-3" x-data="{ open1: false }">
385 <button 385 <button
386 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 386 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
387 @click="open1=!open1" 387 @click="open1=!open1"
388 aria-haspopup="true"> 388 aria-haspopup="true">
389 <span class="inline-flex items-center"> 389 <span class="inline-flex items-center">
390 <svg 390 <svg
391 class="w-5 h-5" 391 class="w-5 h-5"
392 aria-hidden="true" 392 aria-hidden="true"
393 fill="none" 393 fill="none"
394 stroke-linecap="round" 394 stroke-linecap="round"
395 stroke-linejoin="round" 395 stroke-linejoin="round"
396 stroke-width="2" 396 stroke-width="2"
397 viewBox="0 0 24 24" 397 viewBox="0 0 24 24"
398 stroke="currentColor"> 398 stroke="currentColor">
399 <path 399 <path
400 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 400 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
401 ></path> 401 ></path>
402 </svg> 402 </svg>
403 <span class="ml-4">Справочники</span> 403 <span class="ml-4">Справочники</span>
404 </span> 404 </span>
405 <svg 405 <svg
406 class="w-4 h-4" 406 class="w-4 h-4"
407 aria-hidden="true" 407 aria-hidden="true"
408 fill="currentColor" 408 fill="currentColor"
409 viewBox="0 0 20 20" 409 viewBox="0 0 20 20"
410 > 410 >
411 <path 411 <path
412 fill-rule="evenodd" 412 fill-rule="evenodd"
413 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 413 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
414 clip-rule="evenodd" 414 clip-rule="evenodd"
415 ></path> 415 ></path>
416 </svg> 416 </svg>
417 </button> 417 </button>
418 <template x-if="open1"> 418 <template x-if="open1">
419 <ul 419 <ul
420 x-transition:enter="transition-all ease-in-out duration-300" 420 x-transition:enter="transition-all ease-in-out duration-300"
421 x-transition:enter-start="opacity-25 max-h-0" 421 x-transition:enter-start="opacity-25 max-h-0"
422 x-transition:enter-end="opacity-100 max-h-xl" 422 x-transition:enter-end="opacity-100 max-h-xl"
423 x-transition:leave="transition-all ease-in-out duration-300" 423 x-transition:leave="transition-all ease-in-out duration-300"
424 x-transition:leave-start="opacity-100 max-h-xl" 424 x-transition:leave-start="opacity-100 max-h-xl"
425 x-transition:leave-end="opacity-0 max-h-0" 425 x-transition:leave-end="opacity-0 max-h-0"
426 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 426 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
427 aria-label="submenu" 427 aria-label="submenu"
428 > 428 >
429 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 429 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
430 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 430 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
431 </li> 431 </li>
432 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 432 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
433 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 433 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
434 </li> 434 </li>
435 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 435 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
436 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 436 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
437 </li> 437 </li>
438 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 438 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
439 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 439 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
440 </li> 440 </li>
441 441
442 </ul> 442 </ul>
443 </template> 443 </template>
444 </li> 444 </li>
445 445
446 446
447 <!-- Редактор --> 447 <!-- Редактор -->
448 <li class="relative px-6 py-3"> 448 <li class="relative px-6 py-3">
449 <button 449 <button
450 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 450 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
451 @click="togglePagesMenu" 451 @click="togglePagesMenu"
452 aria-haspopup="true"> 452 aria-haspopup="true">
453 <span class="inline-flex items-center"> 453 <span class="inline-flex items-center">
454 <svg 454 <svg
455 class="w-5 h-5" 455 class="w-5 h-5"
456 aria-hidden="true" 456 aria-hidden="true"
457 fill="none" 457 fill="none"
458 stroke-linecap="round" 458 stroke-linecap="round"
459 stroke-linejoin="round" 459 stroke-linejoin="round"
460 stroke-width="2" 460 stroke-width="2"
461 viewBox="0 0 24 24" 461 viewBox="0 0 24 24"
462 stroke="currentColor"> 462 stroke="currentColor">
463 <path 463 <path
464 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 464 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
465 ></path> 465 ></path>
466 </svg> 466 </svg>
467 <span class="ml-4">Редактор</span> 467 <span class="ml-4">Редактор</span>
468 </span> 468 </span>
469 <svg 469 <svg
470 class="w-4 h-4" 470 class="w-4 h-4"
471 aria-hidden="true" 471 aria-hidden="true"
472 fill="currentColor" 472 fill="currentColor"
473 viewBox="0 0 20 20" 473 viewBox="0 0 20 20"
474 > 474 >
475 <path 475 <path
476 fill-rule="evenodd" 476 fill-rule="evenodd"
477 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 477 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
478 clip-rule="evenodd" 478 clip-rule="evenodd"
479 ></path> 479 ></path>
480 </svg> 480 </svg>
481 </button> 481 </button>
482 <template x-if="isPagesMenuOpen"> 482 <template x-if="isPagesMenuOpen">
483 <ul 483 <ul
484 x-transition:enter="transition-all ease-in-out duration-300" 484 x-transition:enter="transition-all ease-in-out duration-300"
485 x-transition:enter-start="opacity-25 max-h-0" 485 x-transition:enter-start="opacity-25 max-h-0"
486 x-transition:enter-end="opacity-100 max-h-xl" 486 x-transition:enter-end="opacity-100 max-h-xl"
487 x-transition:leave="transition-all ease-in-out duration-300" 487 x-transition:leave="transition-all ease-in-out duration-300"
488 x-transition:leave-start="opacity-100 max-h-xl" 488 x-transition:leave-start="opacity-100 max-h-xl"
489 x-transition:leave-end="opacity-0 max-h-0" 489 x-transition:leave-end="opacity-0 max-h-0"
490 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 490 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
491 aria-label="submenu" 491 aria-label="submenu"
492 > 492 >
493 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 493 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
494 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 494 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
495 </li> 495 </li>
496 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 496 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
497 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 497 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
498 </li> 498 </li>
499 499
500 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 500 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
501 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 501 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
502 </li> 502 </li>
503 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 503 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
504 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 504 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
505 </li> 505 </li>
506 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 506 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
507 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 507 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
508 </li> 508 </li>
509 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 509 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
510 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 510 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
511 </li> 511 </li>
512 </ul> 512 </ul>
513 </template> 513 </template>
514 </li> 514 </li>
515 515
516 </ul> 516 </ul>
517 <!--<div class="px-6 my-6"> 517 <!--<div class="px-6 my-6">
518 <button 518 <button
519 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" 519 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
520 > 520 >
521 Create account 521 Create account
522 <span class="ml-2" aria-hidden="true">+</span> 522 <span class="ml-2" aria-hidden="true">+</span>
523 </button> 523 </button>
524 </div>--> 524 </div>-->
525 </div> 525 </div>
526 </aside> 526 </aside>
527 <!-- Mobile sidebar --> 527 <!-- Mobile sidebar -->
528 <!-- Backdrop --> 528 <!-- Backdrop -->
529 <div 529 <div
530 x-show="isSideMenuOpen" 530 x-show="isSideMenuOpen"
531 x-transition:enter="transition ease-in-out duration-150" 531 x-transition:enter="transition ease-in-out duration-150"
532 x-transition:enter-start="opacity-0" 532 x-transition:enter-start="opacity-0"
533 x-transition:enter-end="opacity-100" 533 x-transition:enter-end="opacity-100"
534 x-transition:leave="transition ease-in-out duration-150" 534 x-transition:leave="transition ease-in-out duration-150"
535 x-transition:leave-start="opacity-100" 535 x-transition:leave-start="opacity-100"
536 x-transition:leave-end="opacity-0" 536 x-transition:leave-end="opacity-0"
537 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" 537 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
538 ></div> 538 ></div>
539 <aside 539 <aside
540 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden" 540 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden"
541 x-show="isSideMenuOpen" 541 x-show="isSideMenuOpen"
542 x-transition:enter="transition ease-in-out duration-150" 542 x-transition:enter="transition ease-in-out duration-150"
543 x-transition:enter-start="opacity-0 transform -translate-x-20" 543 x-transition:enter-start="opacity-0 transform -translate-x-20"
544 x-transition:enter-end="opacity-100" 544 x-transition:enter-end="opacity-100"
545 x-transition:leave="transition ease-in-out duration-150" 545 x-transition:leave="transition ease-in-out duration-150"
546 x-transition:leave-start="opacity-100" 546 x-transition:leave-start="opacity-100"
547 x-transition:leave-end="opacity-0 transform -translate-x-20" 547 x-transition:leave-end="opacity-0 transform -translate-x-20"
548 @click.away="closeSideMenu" 548 @click.away="closeSideMenu"
549 @keydown.escape="closeSideMenu" 549 @keydown.escape="closeSideMenu"
550 > 550 >
551 <div class="py-4 text-gray-500 dark:text-gray-400"> 551 <div class="py-4 text-gray-500 dark:text-gray-400">
552 <a 552 <a
553 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 553 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
554 href="{{ route('admin.index') }}" 554 href="{{ route('admin.index') }}"
555 > 555 >
556 Админка 556 Админка
557 </a> 557 </a>
558 <ul class="mt-6"> 558 <ul class="mt-6">
559 <li class="relative px-6 py-3"> 559 <li class="relative px-6 py-3">
560 <span 560 <span
561 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 561 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
562 aria-hidden="true" 562 aria-hidden="true"
563 ></span> 563 ></span>
564 <a 564 <a
565 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}" 565 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}"
566 > 566 >
567 <svg 567 <svg
568 class="w-5 h-5" 568 class="w-5 h-5"
569 aria-hidden="true" 569 aria-hidden="true"
570 fill="none" 570 fill="none"
571 stroke-linecap="round" 571 stroke-linecap="round"
572 stroke-linejoin="round" 572 stroke-linejoin="round"
573 stroke-width="2" 573 stroke-width="2"
574 viewBox="0 0 24 24" 574 viewBox="0 0 24 24"
575 stroke="currentColor" 575 stroke="currentColor"
576 > 576 >
577 <path 577 <path
578 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 578 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
579 ></path> 579 ></path>
580 </svg> 580 </svg>
581 <span class="ml-4">Главная страница</span> 581 <span class="ml-4">Главная страница</span>
582 </a> 582 </a>
583 </li> 583 </li>
584 </ul> 584 </ul>
585 <ul> 585 <ul>
586 @if ($UserId == 1) 586 @if ($UserId == 1)
587 <li class="relative px-6 py-3"> 587 <li class="relative px-6 py-3">
588 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}"> 588 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}">
589 <svg 589 <svg
590 class="w-5 h-5" 590 class="w-5 h-5"
591 aria-hidden="true" 591 aria-hidden="true"
592 fill="none" 592 fill="none"
593 stroke-linecap="round" 593 stroke-linecap="round"
594 stroke-linejoin="round" 594 stroke-linejoin="round"
595 stroke-width="2" 595 stroke-width="2"
596 viewBox="0 0 24 24" 596 viewBox="0 0 24 24"
597 stroke="currentColor" 597 stroke="currentColor"
598 > 598 >
599 <path 599 <path
600 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 600 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
601 ></path> 601 ></path>
602 </svg> 602 </svg>
603 <span class="ml-4">Пользователи</span> 603 <span class="ml-4">Пользователи</span>
604 </a> 604 </a>
605 </li> 605 </li>
606 @endif 606 @endif
607 <li class="relative px-6 py-3"> 607 <li class="relative px-6 py-3">
608 <a 608 <a
609 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 609 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
610 > 610 >
611 <svg 611 <svg
612 class="w-5 h-5" 612 class="w-5 h-5"
613 aria-hidden="true" 613 aria-hidden="true"
614 fill="none" 614 fill="none"
615 stroke-linecap="round" 615 stroke-linecap="round"
616 stroke-linejoin="round" 616 stroke-linejoin="round"
617 stroke-width="2" 617 stroke-width="2"
618 viewBox="0 0 24 24" 618 viewBox="0 0 24 24"
619 stroke="currentColor" 619 stroke="currentColor"
620 > 620 >
621 <path 621 <path
622 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 622 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
623 ></path> 623 ></path>
624 </svg> 624 </svg>
625 <span class="ml-4">Администраторы</span> 625 <span class="ml-4">Администраторы</span>
626 </a> 626 </a>
627 </li> 627 </li>
628 628
629 <li class="relative px-6 py-3"> 629 <li class="relative px-6 py-3">
630 <a 630 <a
631 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 631 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
632 > 632 >
633 <svg 633 <svg
634 class="w-5 h-5" 634 class="w-5 h-5"
635 aria-hidden="true" 635 aria-hidden="true"
636 fill="none" 636 fill="none"
637 stroke-linecap="round" 637 stroke-linecap="round"
638 stroke-linejoin="round" 638 stroke-linejoin="round"
639 stroke-width="2" 639 stroke-width="2"
640 viewBox="0 0 24 24" 640 viewBox="0 0 24 24"
641 stroke="currentColor" 641 stroke="currentColor"
642 > 642 >
643 <path 643 <path
644 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 644 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
645 ></path> 645 ></path>
646 </svg> 646 </svg>
647 <span class="ml-4">Работодатели</span> 647 <span class="ml-4">Работодатели</span>
648 </a> 648 </a>
649 </li> 649 </li>
650 <li class="relative px-6 py-3"> 650 <li class="relative px-6 py-3">
651 <a 651 <a
652 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 652 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
653 > 653 >
654 <svg 654 <svg
655 class="w-5 h-5" 655 class="w-5 h-5"
656 aria-hidden="true" 656 aria-hidden="true"
657 fill="none" 657 fill="none"
658 stroke-linecap="round" 658 stroke-linecap="round"
659 stroke-linejoin="round" 659 stroke-linejoin="round"
660 stroke-width="2" 660 stroke-width="2"
661 viewBox="0 0 24 24" 661 viewBox="0 0 24 24"
662 stroke="currentColor" 662 stroke="currentColor"
663 > 663 >
664 <path 664 <path
665 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 665 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
666 ></path> 666 ></path>
667 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 667 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
668 </svg> 668 </svg>
669 <span class="ml-4">Соискатели</span> 669 <span class="ml-4">Соискатели</span>
670 </a> 670 </a>
671 </li> 671 </li>
672 <li class="relative px-6 py-3"> 672 <li class="relative px-6 py-3">
673 <a 673 <a
674 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 674 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
675 > 675 >
676 <svg 676 <svg
677 class="w-5 h-5" 677 class="w-5 h-5"
678 aria-hidden="true" 678 aria-hidden="true"
679 fill="none" 679 fill="none"
680 stroke-linecap="round" 680 stroke-linecap="round"
681 stroke-linejoin="round" 681 stroke-linejoin="round"
682 stroke-width="2" 682 stroke-width="2"
683 viewBox="0 0 24 24" 683 viewBox="0 0 24 24"
684 stroke="currentColor" 684 stroke="currentColor"
685 > 685 >
686 <path 686 <path
687 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 687 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
688 ></path> 688 ></path>
689 </svg> 689 </svg>
690 <span class="ml-4">Вакансии</span> 690 <span class="ml-4">Вакансии</span>
691 </a> 691 </a>
692 </li> 692 </li>
693 <li class="relative px-6 py-3"> 693 <li class="relative px-6 py-3">
694 <a 694 <a
695 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 695 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
696 > 696 >
697 <svg 697 <svg
698 class="w-5 h-5" 698 class="w-5 h-5"
699 aria-hidden="true" 699 aria-hidden="true"
700 fill="none" 700 fill="none"
701 stroke-linecap="round" 701 stroke-linecap="round"
702 stroke-linejoin="round" 702 stroke-linejoin="round"
703 stroke-width="2" 703 stroke-width="2"
704 viewBox="0 0 24 24" 704 viewBox="0 0 24 24"
705 stroke="currentColor" 705 stroke="currentColor"
706 > 706 >
707 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 707 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
708 </svg> 708 </svg>
709 <span class="ml-4">Сообщения все</span> 709 <span class="ml-4">Сообщения все</span>
710 </a> 710 </a>
711 </li> 711 </li>
712 712
713 <li class="relative px-6 py-3"> 713 <li class="relative px-6 py-3">
714 <a 714 <a
715 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 715 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
716 > 716 >
717 <svg 717 <svg
718 class="w-5 h-5" 718 class="w-5 h-5"
719 aria-hidden="true" 719 aria-hidden="true"
720 fill="none" 720 fill="none"
721 stroke-linecap="round" 721 stroke-linecap="round"
722 stroke-linejoin="round" 722 stroke-linejoin="round"
723 stroke-width="2" 723 stroke-width="2"
724 viewBox="0 0 24 24" 724 viewBox="0 0 24 24"
725 stroke="currentColor" 725 stroke="currentColor"
726 > 726 >
727 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 727 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
728 </svg> 728 </svg>
729 <span class="ml-4">Заявки на рассылку</span> 729 <span class="ml-4">Заявки на рассылку</span>
730 </a> 730 </a>
731 </li> 731 </li>
732 732
733 733
734 <li class="relative px-6 py-3"> 734 <li class="relative px-6 py-3">
735 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"> 735 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}">
736 <svg 736 <svg
737 class="w-5 h-5" 737 class="w-5 h-5"
738 aria-hidden="true" 738 aria-hidden="true"
739 fill="none" 739 fill="none"
740 stroke-linecap="round" 740 stroke-linecap="round"
741 stroke-linejoin="round" 741 stroke-linejoin="round"
742 stroke-width="2" 742 stroke-width="2"
743 viewBox="0 0 24 24" 743 viewBox="0 0 24 24"
744 stroke="currentColor" 744 stroke="currentColor"
745 > 745 >
746 <path 746 <path
747 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 747 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
748 ></path> 748 ></path>
749 </svg> 749 </svg>
750 <span class="ml-4">Группы пользователей</span> 750 <span class="ml-4">Группы пользователей</span>
751 </a> 751 </a>
752 </li> 752 </li>
753 753
754 <li class="relative px-6 py-3"> 754 <li class="relative px-6 py-3">
755 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 755 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
756 <svg 756 <svg
757 class="w-5 h-5" 757 class="w-5 h-5"
758 aria-hidden="true" 758 aria-hidden="true"
759 fill="none" 759 fill="none"
760 stroke-linecap="round" 760 stroke-linecap="round"
761 stroke-linejoin="round" 761 stroke-linejoin="round"
762 stroke-width="2" 762 stroke-width="2"
763 viewBox="0 0 24 24" 763 viewBox="0 0 24 24"
764 stroke="currentColor" 764 stroke="currentColor"
765 > 765 >
766 <path 766 <path
767 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 767 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
768 ></path> 768 ></path>
769 </svg> 769 </svg>
770 <span class="ml-4">Медиа</span> 770 <span class="ml-4">Медиа</span>
771 </a> 771 </a>
772 </li> 772 </li>
773 773
774 @if ($UserId == 1) 774 @if ($UserId == 1)
775 <li class="relative px-6 py-3"> 775 <li class="relative px-6 py-3">
776 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 776 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
777 <svg 777 <svg
778 class="w-5 h-5" 778 class="w-5 h-5"
779 aria-hidden="true" 779 aria-hidden="true"
780 fill="none" 780 fill="none"
781 stroke-linecap="round" 781 stroke-linecap="round"
782 stroke-linejoin="round" 782 stroke-linejoin="round"
783 stroke-width="2" 783 stroke-width="2"
784 viewBox="0 0 24 24" 784 viewBox="0 0 24 24"
785 stroke="currentColor" 785 stroke="currentColor"
786 > 786 >
787 <path 787 <path
788 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 788 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
789 ></path> 789 ></path>
790 </svg> 790 </svg>
791 <span class="ml-4">Роли пользователей</span> 791 <span class="ml-4">Роли пользователей</span>
792 </a> 792 </a>
793 </li> 793 </li>
794 @endif 794 @endif
795 795
796 <li class="relative px-6 py-3"> 796 <li class="relative px-6 py-3">
797 <a 797 <a
798 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 798 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
799 > 799 >
800 <svg 800 <svg
801 class="w-5 h-5" 801 class="w-5 h-5"
802 aria-hidden="true" 802 aria-hidden="true"
803 fill="none" 803 fill="none"
804 stroke-linecap="round" 804 stroke-linecap="round"
805 stroke-linejoin="round" 805 stroke-linejoin="round"
806 stroke-width="2" 806 stroke-width="2"
807 viewBox="0 0 24 24" 807 viewBox="0 0 24 24"
808 stroke="currentColor" 808 stroke="currentColor"
809 > 809 >
810 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 810 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
811 </svg> 811 </svg>
812 <span class="ml-4">Базы данных</span> 812 <span class="ml-4">Базы данных</span>
813 </a> 813 </a>
814 </li> 814 </li>
815 815
816 <li class="relative px-6 py-3"> 816 <li class="relative px-6 py-3">
817 <a 817 <a
818 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 818 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
819 > 819 >
820 <svg 820 <svg
821 class="w-5 h-5" 821 class="w-5 h-5"
822 aria-hidden="true" 822 aria-hidden="true"
823 fill="none" 823 fill="none"
824 stroke-linecap="round" 824 stroke-linecap="round"
825 stroke-linejoin="round" 825 stroke-linejoin="round"
826 stroke-width="2" 826 stroke-width="2"
827 viewBox="0 0 24 24" 827 viewBox="0 0 24 24"
828 stroke="currentColor" 828 stroke="currentColor"
829 > 829 >
830 <path 830 <path
831 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 831 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
832 ></path> 832 ></path>
833 </svg> 833 </svg>
834 <span class="ml-4">Учебн.заведения</span> 834 <span class="ml-4">Учебн.заведения</span>
835 </a> 835 </a>
836 </li> 836 </li>
837 <li class="relative px-6 py-3"> 837 <li class="relative px-6 py-3">
838 <a 838 <a
839 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 839 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
840 > 840 >
841 <svg 841 <svg
842 class="w-5 h-5" 842 class="w-5 h-5"
843 aria-hidden="true" 843 aria-hidden="true"
844 fill="none" 844 fill="none"
845 stroke-linecap="round" 845 stroke-linecap="round"
846 stroke-linejoin="round" 846 stroke-linejoin="round"
847 stroke-width="2" 847 stroke-width="2"
848 viewBox="0 0 24 24" 848 viewBox="0 0 24 24"
849 stroke="currentColor" 849 stroke="currentColor"
850 > 850 >
851 <path 851 <path
852 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 852 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
853 ></path> 853 ></path>
854 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 854 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
855 </svg> 855 </svg>
856 <span class="ml-4">Статистика</span> 856 <span class="ml-4">Статистика</span>
857 </a> 857 </a>
858 </li> 858 </li>
859 <li class="relative px-6 py-3"> 859 <li class="relative px-6 py-3">
860 <a 860 <a
861 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 861 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
862 > 862 >
863 <svg 863 <svg
864 class="w-5 h-5" 864 class="w-5 h-5"
865 aria-hidden="true" 865 aria-hidden="true"
866 fill="none" 866 fill="none"
867 stroke-linecap="round" 867 stroke-linecap="round"
868 stroke-linejoin="round" 868 stroke-linejoin="round"
869 stroke-width="2" 869 stroke-width="2"
870 viewBox="0 0 24 24" 870 viewBox="0 0 24 24"
871 stroke="currentColor" 871 stroke="currentColor"
872 > 872 >
873 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 873 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
874 </svg> 874 </svg>
875 <span class="ml-4">Сообщения все</span> 875 <span class="ml-4">Сообщения все</span>
876 </a> 876 </a>
877 </li> 877 </li>
878 <li class="relative px-6 py-3"> 878 <li class="relative px-6 py-3">
879 <a 879 <a
880 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 880 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
881 > 881 >
882 <svg 882 <svg
883 class="w-5 h-5" 883 class="w-5 h-5"
884 aria-hidden="true" 884 aria-hidden="true"
885 fill="none" 885 fill="none"
886 stroke-linecap="round" 886 stroke-linecap="round"
887 stroke-linejoin="round" 887 stroke-linejoin="round"
888 stroke-width="2" 888 stroke-width="2"
889 viewBox="0 0 24 24" 889 viewBox="0 0 24 24"
890 stroke="currentColor" 890 stroke="currentColor"
891 > 891 >
892 <path 892 <path
893 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 893 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
894 ></path> 894 ></path>
895 </svg> 895 </svg>
896 <span class="ml-4">Реклама</span> 896 <span class="ml-4">Реклама</span>
897 </a> 897 </a>
898 </li> 898 </li>
899 <!-- Справочники --> 899 <!-- Справочники -->
900 <li class="relative px-6 py-3" x-data="{ open2: false }"> 900 <li class="relative px-6 py-3" x-data="{ open2: false }">
901 <button 901 <button
902 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 902 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
903 @click="open2=!open2" 903 @click="open2=!open2"
904 aria-haspopup="true"> 904 aria-haspopup="true">
905 <span class="inline-flex items-center"> 905 <span class="inline-flex items-center">
906 <svg 906 <svg
907 class="w-5 h-5" 907 class="w-5 h-5"
908 aria-hidden="true" 908 aria-hidden="true"
909 fill="none" 909 fill="none"
910 stroke-linecap="round" 910 stroke-linecap="round"
911 stroke-linejoin="round" 911 stroke-linejoin="round"
912 stroke-width="2" 912 stroke-width="2"
913 viewBox="0 0 24 24" 913 viewBox="0 0 24 24"
914 stroke="currentColor"> 914 stroke="currentColor">
915 <path 915 <path
916 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 916 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
917 ></path> 917 ></path>
918 </svg> 918 </svg>
919 <span class="ml-4">Справочники</span> 919 <span class="ml-4">Справочники</span>
920 </span> 920 </span>
921 <svg 921 <svg
922 class="w-4 h-4" 922 class="w-4 h-4"
923 aria-hidden="true" 923 aria-hidden="true"
924 fill="currentColor" 924 fill="currentColor"
925 viewBox="0 0 20 20" 925 viewBox="0 0 20 20"
926 > 926 >
927 <path 927 <path
928 fill-rule="evenodd" 928 fill-rule="evenodd"
929 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 929 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
930 clip-rule="evenodd" 930 clip-rule="evenodd"
931 ></path> 931 ></path>
932 </svg> 932 </svg>
933 </button> 933 </button>
934 <template x-if="open2"> 934 <template x-if="open2">
935 <ul 935 <ul
936 x-transition:enter="transition-all ease-in-out duration-300" 936 x-transition:enter="transition-all ease-in-out duration-300"
937 x-transition:enter-start="opacity-25 max-h-0" 937 x-transition:enter-start="opacity-25 max-h-0"
938 x-transition:enter-end="opacity-100 max-h-xl" 938 x-transition:enter-end="opacity-100 max-h-xl"
939 x-transition:leave="transition-all ease-in-out duration-300" 939 x-transition:leave="transition-all ease-in-out duration-300"
940 x-transition:leave-start="opacity-100 max-h-xl" 940 x-transition:leave-start="opacity-100 max-h-xl"
941 x-transition:leave-end="opacity-0 max-h-0" 941 x-transition:leave-end="opacity-0 max-h-0"
942 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 942 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
943 aria-label="submenu" 943 aria-label="submenu"
944 > 944 >
945 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 945 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
946 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 946 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
947 </li> 947 </li>
948 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 948 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
949 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 949 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
950 </li> 950 </li>
951 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 951 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
952 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 952 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
953 </li> 953 </li>
954 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 954 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
955 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 955 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
956 </li> 956 </li>
957 957
958 </ul> 958 </ul>
959 </template> 959 </template>
960 </li> 960 </li>
961 961
962 <!-- Редактор --> 962 <!-- Редактор -->
963 <li class="relative px-6 py-3"> 963 <li class="relative px-6 py-3">
964 <button 964 <button
965 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 965 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
966 @click="togglePagesMenu" 966 @click="togglePagesMenu"
967 aria-haspopup="true" 967 aria-haspopup="true"
968 > 968 >
969 <span class="inline-flex items-center"> 969 <span class="inline-flex items-center">
970 <svg 970 <svg
971 class="w-5 h-5" 971 class="w-5 h-5"
972 aria-hidden="true" 972 aria-hidden="true"
973 fill="none" 973 fill="none"
974 stroke-linecap="round" 974 stroke-linecap="round"
975 stroke-linejoin="round" 975 stroke-linejoin="round"
976 stroke-width="2" 976 stroke-width="2"
977 viewBox="0 0 24 24" 977 viewBox="0 0 24 24"
978 stroke="currentColor" 978 stroke="currentColor"
979 > 979 >
980 <path 980 <path
981 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 981 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
982 ></path> 982 ></path>
983 </svg> 983 </svg>
984 <span class="ml-4">Редактор</span> 984 <span class="ml-4">Редактор</span>
985 </span> 985 </span>
986 <svg 986 <svg
987 class="w-4 h-4" 987 class="w-4 h-4"
988 aria-hidden="true" 988 aria-hidden="true"
989 fill="currentColor" 989 fill="currentColor"
990 viewBox="0 0 20 20" 990 viewBox="0 0 20 20"
991 > 991 >
992 <path 992 <path
993 fill-rule="evenodd" 993 fill-rule="evenodd"
994 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 994 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
995 clip-rule="evenodd" 995 clip-rule="evenodd"
996 ></path> 996 ></path>
997 </svg> 997 </svg>
998 </button> 998 </button>
999 <template x-if="isPagesMenuOpen"> 999 <template x-if="isPagesMenuOpen">
1000 <ul 1000 <ul
1001 x-transition:enter="transition-all ease-in-out duration-300" 1001 x-transition:enter="transition-all ease-in-out duration-300"
1002 x-transition:enter-start="opacity-25 max-h-0" 1002 x-transition:enter-start="opacity-25 max-h-0"
1003 x-transition:enter-end="opacity-100 max-h-xl" 1003 x-transition:enter-end="opacity-100 max-h-xl"
1004 x-transition:leave="transition-all ease-in-out duration-300" 1004 x-transition:leave="transition-all ease-in-out duration-300"
1005 x-transition:leave-start="opacity-100 max-h-xl" 1005 x-transition:leave-start="opacity-100 max-h-xl"
1006 x-transition:leave-end="opacity-0 max-h-0" 1006 x-transition:leave-end="opacity-0 max-h-0"
1007 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 1007 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
1008 aria-label="submenu" 1008 aria-label="submenu"
1009 > 1009 >
1010 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 1010 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
1011 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 1011 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
1012 </li> 1012 </li>
1013 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 1013 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
1014 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 1014 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
1015 </li> 1015 </li>
1016 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 1016 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
1017 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 1017 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
1018 </li> 1018 </li>
1019 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 1019 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
1020 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 1020 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
1021 </li> 1021 </li>
1022 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 1022 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
1023 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 1023 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
1024 </li> 1024 </li>
1025 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 1025 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
1026 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 1026 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
1027 </li> 1027 </li>
1028 1028
1029 </ul> 1029 </ul>
1030 </template> 1030 </template>
1031 </li> 1031 </li>
1032 </ul> 1032 </ul>
1033 <!--<div class="px-6 my-6"> 1033 <!--<div class="px-6 my-6">
1034 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> 1034 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
1035 Create account 1035 Create account
1036 <span class="ml-2" aria-hidden="true">+</span> 1036 <span class="ml-2" aria-hidden="true">+</span>
1037 </button> 1037 </button>
1038 </div>--> 1038 </div>-->
1039 </div> 1039 </div>
1040 </aside> 1040 </aside>
1041 <div class="flex flex-col flex-1 w-full"> 1041 <div class="flex flex-col flex-1 w-full">
1042 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> 1042 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
1043 <div 1043 <div
1044 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" 1044 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
1045 > 1045 >
1046 <!-- Mobile hamburger --> 1046 <!-- Mobile hamburger -->
1047 <button 1047 <button
1048 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" 1048 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
1049 @click="toggleSideMenu" 1049 @click="toggleSideMenu"
1050 aria-label="Menu" 1050 aria-label="Menu"
1051 > 1051 >
1052 <svg 1052 <svg
1053 class="w-6 h-6" 1053 class="w-6 h-6"
1054 aria-hidden="true" 1054 aria-hidden="true"
1055 fill="currentColor" 1055 fill="currentColor"
1056 viewBox="0 0 20 20" 1056 viewBox="0 0 20 20"
1057 > 1057 >
1058 <path 1058 <path
1059 fill-rule="evenodd" 1059 fill-rule="evenodd"
1060 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" 1060 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
1061 clip-rule="evenodd" 1061 clip-rule="evenodd"
1062 ></path> 1062 ></path>
1063 </svg> 1063 </svg>
1064 </button> 1064 </button>
1065 <!-- Search input --> 1065 <!-- Search input -->
1066 <div class="flex justify-center flex-1 lg:mr-32"> 1066 <div class="flex justify-center flex-1 lg:mr-32">
1067 <div 1067 <div
1068 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" 1068 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
1069 > 1069 >
1070 1070
1071 @yield('search') 1071 @yield('search')
1072 </div> 1072 </div>
1073 </div> 1073 </div>
1074 <ul class="flex items-center flex-shrink-0 space-x-6"> 1074 <ul class="flex items-center flex-shrink-0 space-x-6">
1075 <!-- Theme toggler --> 1075 <!-- Theme toggler -->
1076 <li class="flex"> 1076 <li class="flex">
1077 <button 1077 <button
1078 class="rounded-md focus:outline-none focus:shadow-outline-purple" 1078 class="rounded-md focus:outline-none focus:shadow-outline-purple"
1079 @click="toggleTheme" 1079 @click="toggleTheme"
1080 aria-label="Toggle color mode" 1080 aria-label="Toggle color mode"
1081 > 1081 >
1082 <template x-if="!dark"> 1082 <template x-if="!dark">
1083 <svg 1083 <svg
1084 class="w-5 h-5" 1084 class="w-5 h-5"
1085 aria-hidden="true" 1085 aria-hidden="true"
1086 fill="currentColor" 1086 fill="currentColor"
1087 viewBox="0 0 20 20" 1087 viewBox="0 0 20 20"
1088 > 1088 >
1089 <path 1089 <path
1090 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" 1090 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
1091 ></path> 1091 ></path>
1092 </svg> 1092 </svg>
1093 </template> 1093 </template>
1094 <template x-if="dark"> 1094 <template x-if="dark">
1095 <svg 1095 <svg
1096 class="w-5 h-5" 1096 class="w-5 h-5"
1097 aria-hidden="true" 1097 aria-hidden="true"
1098 fill="currentColor" 1098 fill="currentColor"
1099 viewBox="0 0 20 20" 1099 viewBox="0 0 20 20"
1100 > 1100 >
1101 <path 1101 <path
1102 fill-rule="evenodd" 1102 fill-rule="evenodd"
1103 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" 1103 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
1104 clip-rule="evenodd" 1104 clip-rule="evenodd"
1105 ></path> 1105 ></path>
1106 </svg> 1106 </svg>
1107 </template> 1107 </template>
1108 </button> 1108 </button>
1109 </li> 1109 </li>
1110 <!-- Notifications menu --> 1110 <!-- Notifications menu -->
1111 <li class="relative"> 1111 <li class="relative">
1112 <button 1112 <button
1113 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" 1113 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple"
1114 @click="toggleNotificationsMenu" 1114 @click="toggleNotificationsMenu"
1115 @keydown.escape="closeNotificationsMenu" 1115 @keydown.escape="closeNotificationsMenu"
1116 aria-label="Notifications" 1116 aria-label="Notifications"
1117 aria-haspopup="true" 1117 aria-haspopup="true"
1118 > 1118 >
1119 <svg 1119 <svg
1120 class="w-5 h-5" 1120 class="w-5 h-5"
1121 aria-hidden="true" 1121 aria-hidden="true"
1122 fill="currentColor" 1122 fill="currentColor"
1123 viewBox="0 0 20 20" 1123 viewBox="0 0 20 20"
1124 > 1124 >
1125 <path 1125 <path
1126 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" 1126 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
1127 ></path> 1127 ></path>
1128 </svg> 1128 </svg>
1129 <!-- Notification badge --> 1129 <!-- Notification badge -->
1130 <span 1130 <span
1131 aria-hidden="true" 1131 aria-hidden="true"
1132 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800" 1132 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800"
1133 ></span> 1133 ></span>
1134 </button> 1134 </button>
1135 <template x-if="isNotificationsMenuOpen"> 1135 <template x-if="isNotificationsMenuOpen">
1136 <ul 1136 <ul
1137 x-transition:leave="transition ease-in duration-150" 1137 x-transition:leave="transition ease-in duration-150"
1138 x-transition:leave-start="opacity-100" 1138 x-transition:leave-start="opacity-100"
1139 x-transition:leave-end="opacity-0" 1139 x-transition:leave-end="opacity-0"
1140 @click.away="closeNotificationsMenu" 1140 @click.away="closeNotificationsMenu"
1141 @keydown.escape="closeNotificationsMenu" 1141 @keydown.escape="closeNotificationsMenu"
1142 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700" 1142 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700"
1143 > 1143 >
1144 <li class="flex"> 1144 <li class="flex">
1145 <a 1145 <a
1146 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1146 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1147 href="{{ route('admin.admin-messages') }}" 1147 href="{{ route('admin.admin-messages') }}"
1148 > 1148 >
1149 <span>Сообщения</span> 1149 <span>Сообщения</span>
1150 @if($MsgCount > 0) 1150 @if($MsgCount > 0)
1151 <span 1151 <span
1152 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600" 1152 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
1153 > 1153 >
1154 1154
1155 {{ $MsgCount }} 1155 {{ $MsgCount }}
1156 </span> 1156 </span>
1157 @endif 1157 @endif
1158 </a> 1158 </a>
1159 </li> 1159 </li>
1160 <!--<li class="flex"> 1160 <!--<li class="flex">
1161 <a 1161 <a
1162 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1162 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1163 href="#" 1163 href="#"
1164 > 1164 >
1165 <span>Логи</span> 1165 <span>Логи</span>
1166 </a> 1166 </a>
1167 </li>--> 1167 </li>-->
1168 </ul> 1168 </ul>
1169 </template> 1169 </template>
1170 </li> 1170 </li>
1171 <!-- Profile menu --> 1171 <!-- Profile menu -->
1172 <li class="relative"> 1172 <li class="relative">
1173 <button 1173 <button
1174 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" 1174 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
1175 @click="toggleProfileMenu" 1175 @click="toggleProfileMenu"
1176 @keydown.escape="closeProfileMenu" 1176 @keydown.escape="closeProfileMenu"
1177 aria-label="Account" 1177 aria-label="Account"
1178 aria-haspopup="true" 1178 aria-haspopup="true"
1179 > 1179 >
1180 <img 1180 <img
1181 class="object-cover w-8 h-8 rounded-full" 1181 class="object-cover w-8 h-8 rounded-full"
1182 src="{{ asset('assets/img/profile.jpg') }}" 1182 src="{{ asset('assets/img/profile.jpg') }}"
1183 alt="" 1183 alt=""
1184 aria-hidden="true" 1184 aria-hidden="true"
1185 /> 1185 />
1186 </button> 1186 </button>
1187 <template x-if="isProfileMenuOpen"> 1187 <template x-if="isProfileMenuOpen">
1188 <ul 1188 <ul
1189 x-transition:leave="transition ease-in duration-150" 1189 x-transition:leave="transition ease-in duration-150"
1190 x-transition:leave-start="opacity-100" 1190 x-transition:leave-start="opacity-100"
1191 x-transition:leave-end="opacity-0" 1191 x-transition:leave-end="opacity-0"
1192 @click.away="closeProfileMenu" 1192 @click.away="closeProfileMenu"
1193 @keydown.escape="closeProfileMenu" 1193 @keydown.escape="closeProfileMenu"
1194 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700" 1194 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700"
1195 aria-label="submenu" 1195 aria-label="submenu"
1196 > 1196 >
1197 <li class="flex"> 1197 <li class="flex">
1198 <a 1198 <a
1199 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1199 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1200 href="{{ route('admin.profile') }}" 1200 href="{{ route('admin.profile') }}"
1201 > 1201 >
1202 <svg 1202 <svg
1203 class="w-4 h-4 mr-3" 1203 class="w-4 h-4 mr-3"
1204 aria-hidden="true" 1204 aria-hidden="true"
1205 fill="none" 1205 fill="none"
1206 stroke-linecap="round" 1206 stroke-linecap="round"
1207 stroke-linejoin="round" 1207 stroke-linejoin="round"
1208 stroke-width="2" 1208 stroke-width="2"
1209 viewBox="0 0 24 24" 1209 viewBox="0 0 24 24"
1210 stroke="currentColor" 1210 stroke="currentColor"
1211 > 1211 >
1212 <path 1212 <path
1213 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" 1213 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
1214 ></path> 1214 ></path>
1215 </svg> 1215 </svg>
1216 <span>Профиль</span> 1216 <span>Профиль</span>
1217 </a> 1217 </a>
1218 </li> 1218 </li>
1219 <li class="flex"> 1219 <li class="flex">
1220 <a 1220 <a
1221 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1221 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1222 href="{{ route('admin.config') }}" 1222 href="{{ route('admin.config') }}"
1223 > 1223 >
1224 <svg 1224 <svg
1225 class="w-4 h-4 mr-3" 1225 class="w-4 h-4 mr-3"
1226 aria-hidden="true" 1226 aria-hidden="true"
1227 fill="none" 1227 fill="none"
1228 stroke-linecap="round" 1228 stroke-linecap="round"
1229 stroke-linejoin="round" 1229 stroke-linejoin="round"
1230 stroke-width="2" 1230 stroke-width="2"
1231 viewBox="0 0 24 24" 1231 viewBox="0 0 24 24"
1232 stroke="currentColor" 1232 stroke="currentColor"
1233 > 1233 >
1234 <path 1234 <path
1235 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" 1235 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
1236 ></path> 1236 ></path>
1237 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> 1237 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
1238 </svg> 1238 </svg>
1239 <span>Настройки</span> 1239 <span>Настройки</span>
1240 </a> 1240 </a>
1241 </li> 1241 </li>
1242 <li class="flex"> 1242 <li class="flex">
1243 <a 1243 <a
1244 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1244 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1245 href="{{ route('admin.logout') }}" 1245 href="{{ route('admin.logout') }}"
1246 > 1246 >
1247 <svg 1247 <svg
1248 class="w-4 h-4 mr-3" 1248 class="w-4 h-4 mr-3"
1249 aria-hidden="true" 1249 aria-hidden="true"
1250 fill="none" 1250 fill="none"
1251 stroke-linecap="round" 1251 stroke-linecap="round"
1252 stroke-linejoin="round" 1252 stroke-linejoin="round"
1253 stroke-width="2" 1253 stroke-width="2"
1254 viewBox="0 0 24 24" 1254 viewBox="0 0 24 24"
1255 stroke="currentColor" 1255 stroke="currentColor"
1256 > 1256 >
1257 <path 1257 <path
1258 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" 1258 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
1259 ></path> 1259 ></path>
1260 </svg> 1260 </svg>
1261 <span>Выход</span> 1261 <span>Выход</span>
1262 </a> 1262 </a>
1263 </li> 1263 </li>
1264 </ul> 1264 </ul>
1265 </template> 1265 </template>
1266 </li> 1266 </li>
1267 </ul> 1267 </ul>
1268 </div> 1268 </div>
1269 </header> 1269 </header>
1270 <main class="h-full overflow-y-auto"> 1270 <main class="h-full overflow-y-auto">
1271 <div class="container px-6 mx-auto grid"> 1271 <div class="container px-6 mx-auto grid">
1272 <h2 1272 <h2
1273 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" 1273 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
1274 > 1274 >
1275 {{$title}} 1275 {{$title}}
1276 </h2> 1276 </h2>
1277 <!-- CTA --> 1277 <!-- CTA -->
1278 <a 1278 <a
1279 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple" 1279 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple"
1280 href="{{ route('admin.admin-users') }}" 1280 href="{{ route('admin.admin-users') }}"
1281 > 1281 >
1282 <div class="flex items-center"> 1282 <div class="flex items-center">
1283 <svg 1283 <svg
1284 class="w-5 h-5 mr-2" 1284 class="w-5 h-5 mr-2"
1285 fill="currentColor" 1285 fill="currentColor"
1286 viewBox="0 0 20 20" 1286 viewBox="0 0 20 20"
1287 > 1287 >
1288 <path 1288 <path
1289 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" 1289 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
1290 ></path> 1290 ></path>
1291 </svg> 1291 </svg>
1292 <span>Контент для админов</span> 1292 <span>Контент для админов</span>
1293 </div> 1293 </div>
1294 <span>Список админов &RightArrow;</span> 1294 <span>Список админов &RightArrow;</span>
1295 </a> 1295 </a>
1296 1296
1297 @if ($message = Session::get('success')) 1297 @if ($message = Session::get('success'))
1298 <section> 1298 <section>
1299 <div class="alert alert-success alert-dismissible mt-0" role="alert"> 1299 <div class="alert alert-success alert-dismissible mt-0" role="alert">
1300 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1300 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1301 <span aria-hidden="true">&times;</span> 1301 <span aria-hidden="true">&times;</span>
1302 </button> 1302 </button>
1303 {{ $message }} 1303 {{ $message }}
1304 </div> 1304 </div>
1305 </section> 1305 </section>
1306 @endif 1306 @endif
1307 1307
1308 @if ($errors->any()) 1308 @if ($errors->any())
1309 <section> 1309 <section>
1310 <div class="alert alert-danger alert-dismissible mt-4" role="alert"> 1310 <div class="alert alert-danger alert-dismissible mt-4" role="alert">
1311 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1311 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1312 <span aria-hidden="true">&times;</span> 1312 <span aria-hidden="true">&times;</span>
1313 </button> 1313 </button>
1314 <ul class="mb-0"> 1314 <ul class="mb-0">
1315 @foreach ($errors->all() as $error) 1315 @foreach ($errors->all() as $error)
1316 <li>{{ $error }}</li> 1316 <li>{{ $error }}</li>
1317 @endforeach 1317 @endforeach
1318 </ul> 1318 </ul>
1319 </div> 1319 </div>
1320 </section> 1320 </section>
1321 @endif 1321 @endif
1322 1322
1323 @yield('content') 1323 @yield('content')
1324 1324
1325 <!-- Cards 1325 <!-- Cards
1326 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> 1326 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
1327 1327
1328 <div 1328 <div
1329 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1329 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1330 > 1330 >
1331 <div 1331 <div
1332 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" 1332 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500"
1333 > 1333 >
1334 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1334 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1335 <path 1335 <path
1336 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" 1336 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"
1337 ></path> 1337 ></path>
1338 </svg> 1338 </svg>
1339 </div> 1339 </div>
1340 <div> 1340 <div>
1341 <p 1341 <p
1342 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1342 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1343 > 1343 >
1344 Total clients 1344 Total clients
1345 </p> 1345 </p>
1346 <p 1346 <p
1347 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1347 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1348 > 1348 >
1349 6389 1349 6389
1350 </p> 1350 </p>
1351 </div> 1351 </div>
1352 </div> 1352 </div>
1353 1353
1354 <div 1354 <div
1355 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1355 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1356 > 1356 >
1357 <div 1357 <div
1358 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" 1358 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500"
1359 > 1359 >
1360 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1360 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1361 <path 1361 <path
1362 fill-rule="evenodd" 1362 fill-rule="evenodd"
1363 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" 1363 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
1364 clip-rule="evenodd" 1364 clip-rule="evenodd"
1365 ></path> 1365 ></path>
1366 </svg> 1366 </svg>
1367 </div> 1367 </div>
1368 <div> 1368 <div>
1369 <p 1369 <p
1370 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1370 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1371 > 1371 >
1372 Account balance 1372 Account balance
1373 </p> 1373 </p>
1374 <p 1374 <p
1375 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1375 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1376 > 1376 >
1377 $ 46,760.89 1377 $ 46,760.89
1378 </p> 1378 </p>
1379 </div> 1379 </div>
1380 </div> 1380 </div>
1381 1381
1382 <div 1382 <div
1383 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1383 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1384 > 1384 >
1385 <div 1385 <div
1386 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" 1386 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500"
1387 > 1387 >
1388 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1388 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1389 <path 1389 <path
1390 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" 1390 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
1391 ></path> 1391 ></path>
1392 </svg> 1392 </svg>
1393 </div> 1393 </div>
1394 <div> 1394 <div>
1395 <p 1395 <p
1396 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1396 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1397 > 1397 >
1398 New sales 1398 New sales
1399 </p> 1399 </p>
1400 <p 1400 <p
1401 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1401 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1402 > 1402 >
1403 376 1403 376
1404 </p> 1404 </p>
1405 </div> 1405 </div>
1406 </div> 1406 </div>
1407 1407
1408 <div 1408 <div
1409 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1409 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1410 > 1410 >
1411 <div 1411 <div
1412 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" 1412 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500"
1413 > 1413 >
1414 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1414 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1415 <path 1415 <path
1416 fill-rule="evenodd" 1416 fill-rule="evenodd"
1417 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" 1417 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z"
1418 clip-rule="evenodd" 1418 clip-rule="evenodd"
1419 ></path> 1419 ></path>
1420 </svg> 1420 </svg>
1421 </div> 1421 </div>
1422 <div> 1422 <div>
1423 <p 1423 <p
1424 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1424 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1425 > 1425 >
1426 Pending contacts 1426 Pending contacts
1427 </p> 1427 </p>
1428 <p 1428 <p
1429 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1429 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1430 > 1430 >
1431 35 1431 35
1432 </p> 1432 </p>
1433 </div> 1433 </div>
1434 </div> 1434 </div>
1435 </div> 1435 </div>
1436 --> 1436 -->
1437 <!-- New Table 1437 <!-- New Table
1438 <div class="w-full overflow-hidden rounded-lg shadow-xs"> 1438 <div class="w-full overflow-hidden rounded-lg shadow-xs">
1439 <div class="w-full overflow-x-auto"> 1439 <div class="w-full overflow-x-auto">
1440 <table class="w-full whitespace-no-wrap"> 1440 <table class="w-full whitespace-no-wrap">
1441 <thead> 1441 <thead>
1442 <tr 1442 <tr
1443 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800" 1443 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
1444 > 1444 >
1445 <th class="px-4 py-3">Client</th> 1445 <th class="px-4 py-3">Client</th>
1446 <th class="px-4 py-3">Amount</th> 1446 <th class="px-4 py-3">Amount</th>
1447 <th class="px-4 py-3">Status</th> 1447 <th class="px-4 py-3">Status</th>
1448 <th class="px-4 py-3">Date</th> 1448 <th class="px-4 py-3">Date</th>
1449 </tr> 1449 </tr>
1450 </thead> 1450 </thead>
1451 <tbody 1451 <tbody
1452 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" 1452 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"
1453 > 1453 >
1454 <tr class="text-gray-700 dark:text-gray-400"> 1454 <tr class="text-gray-700 dark:text-gray-400">
1455 <td class="px-4 py-3"> 1455 <td class="px-4 py-3">
1456 <div class="flex items-center text-sm"> 1456 <div class="flex items-center text-sm">
1457 1457
1458 <div 1458 <div
1459 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1459 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1460 > 1460 >
1461 <img 1461 <img
1462 class="object-cover w-full h-full rounded-full" 1462 class="object-cover w-full h-full rounded-full"
1463 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1463 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1464 alt="" 1464 alt=""
1465 loading="lazy" 1465 loading="lazy"
1466 /> 1466 />
1467 <div 1467 <div
1468 class="absolute inset-0 rounded-full shadow-inner" 1468 class="absolute inset-0 rounded-full shadow-inner"
1469 aria-hidden="true" 1469 aria-hidden="true"
1470 ></div> 1470 ></div>
1471 </div> 1471 </div>
1472 <div> 1472 <div>
1473 <p class="font-semibold">Hans Burger</p> 1473 <p class="font-semibold">Hans Burger</p>
1474 <p class="text-xs text-gray-600 dark:text-gray-400"> 1474 <p class="text-xs text-gray-600 dark:text-gray-400">
1475 10x Developer 1475 10x Developer
1476 </p> 1476 </p>
1477 </div> 1477 </div>
1478 </div> 1478 </div>
1479 </td> 1479 </td>
1480 <td class="px-4 py-3 text-sm"> 1480 <td class="px-4 py-3 text-sm">
1481 $ 863.45 1481 $ 863.45
1482 </td> 1482 </td>
1483 <td class="px-4 py-3 text-xs"> 1483 <td class="px-4 py-3 text-xs">
1484 <span 1484 <span
1485 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1485 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1486 > 1486 >
1487 Approved 1487 Approved
1488 </span> 1488 </span>
1489 </td> 1489 </td>
1490 <td class="px-4 py-3 text-sm"> 1490 <td class="px-4 py-3 text-sm">
1491 6/10/2020 1491 6/10/2020
1492 </td> 1492 </td>
1493 </tr> 1493 </tr>
1494 1494
1495 <tr class="text-gray-700 dark:text-gray-400"> 1495 <tr class="text-gray-700 dark:text-gray-400">
1496 <td class="px-4 py-3"> 1496 <td class="px-4 py-3">
1497 <div class="flex items-center text-sm"> 1497 <div class="flex items-center text-sm">
1498 1498
1499 <div 1499 <div
1500 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1500 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1501 > 1501 >
1502 <img 1502 <img
1503 class="object-cover w-full h-full rounded-full" 1503 class="object-cover w-full h-full rounded-full"
1504 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6" 1504 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6"
1505 alt="" 1505 alt=""
1506 loading="lazy" 1506 loading="lazy"
1507 /> 1507 />
1508 <div 1508 <div
1509 class="absolute inset-0 rounded-full shadow-inner" 1509 class="absolute inset-0 rounded-full shadow-inner"
1510 aria-hidden="true" 1510 aria-hidden="true"
1511 ></div> 1511 ></div>
1512 </div> 1512 </div>
1513 <div> 1513 <div>
1514 <p class="font-semibold">Jolina Angelie</p> 1514 <p class="font-semibold">Jolina Angelie</p>
1515 <p class="text-xs text-gray-600 dark:text-gray-400"> 1515 <p class="text-xs text-gray-600 dark:text-gray-400">
1516 Unemployed 1516 Unemployed
1517 </p> 1517 </p>
1518 </div> 1518 </div>
1519 </div> 1519 </div>
1520 </td> 1520 </td>
1521 <td class="px-4 py-3 text-sm"> 1521 <td class="px-4 py-3 text-sm">
1522 $ 369.95 1522 $ 369.95
1523 </td> 1523 </td>
1524 <td class="px-4 py-3 text-xs"> 1524 <td class="px-4 py-3 text-xs">
1525 <span 1525 <span
1526 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" 1526 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600"
1527 > 1527 >
1528 Pending 1528 Pending
1529 </span> 1529 </span>
1530 </td> 1530 </td>
1531 <td class="px-4 py-3 text-sm"> 1531 <td class="px-4 py-3 text-sm">
1532 6/10/2020 1532 6/10/2020
1533 </td> 1533 </td>
1534 </tr> 1534 </tr>
1535 1535
1536 <tr class="text-gray-700 dark:text-gray-400"> 1536 <tr class="text-gray-700 dark:text-gray-400">
1537 <td class="px-4 py-3"> 1537 <td class="px-4 py-3">
1538 <div class="flex items-center text-sm"> 1538 <div class="flex items-center text-sm">
1539 1539
1540 <div 1540 <div
1541 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1541 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1542 > 1542 >
1543 <img 1543 <img
1544 class="object-cover w-full h-full rounded-full" 1544 class="object-cover w-full h-full rounded-full"
1545 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1545 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1546 alt="" 1546 alt=""
1547 loading="lazy" 1547 loading="lazy"
1548 /> 1548 />
1549 <div 1549 <div
1550 class="absolute inset-0 rounded-full shadow-inner" 1550 class="absolute inset-0 rounded-full shadow-inner"
1551 aria-hidden="true" 1551 aria-hidden="true"
1552 ></div> 1552 ></div>
1553 </div> 1553 </div>
1554 <div> 1554 <div>
1555 <p class="font-semibold">Sarah Curry</p> 1555 <p class="font-semibold">Sarah Curry</p>
1556 <p class="text-xs text-gray-600 dark:text-gray-400"> 1556 <p class="text-xs text-gray-600 dark:text-gray-400">
1557 Designer 1557 Designer
1558 </p> 1558 </p>
1559 </div> 1559 </div>
1560 </div> 1560 </div>
1561 </td> 1561 </td>
1562 <td class="px-4 py-3 text-sm"> 1562 <td class="px-4 py-3 text-sm">
1563 $ 86.00 1563 $ 86.00
1564 </td> 1564 </td>
1565 <td class="px-4 py-3 text-xs"> 1565 <td class="px-4 py-3 text-xs">
1566 <span 1566 <span
1567 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700" 1567 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700"
1568 > 1568 >
1569 Denied 1569 Denied
1570 </span> 1570 </span>
1571 </td> 1571 </td>
1572 <td class="px-4 py-3 text-sm"> 1572 <td class="px-4 py-3 text-sm">
1573 6/10/2020 1573 6/10/2020
1574 </td> 1574 </td>
1575 </tr> 1575 </tr>
1576 1576
1577 <tr class="text-gray-700 dark:text-gray-400"> 1577 <tr class="text-gray-700 dark:text-gray-400">
1578 <td class="px-4 py-3"> 1578 <td class="px-4 py-3">
1579 <div class="flex items-center text-sm"> 1579 <div class="flex items-center text-sm">
1580 1580
1581 <div 1581 <div
1582 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1582 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1583 > 1583 >
1584 <img 1584 <img
1585 class="object-cover w-full h-full rounded-full" 1585 class="object-cover w-full h-full rounded-full"
1586 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1586 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1587 alt="" 1587 alt=""
1588 loading="lazy" 1588 loading="lazy"
1589 /> 1589 />
1590 <div 1590 <div
1591 class="absolute inset-0 rounded-full shadow-inner" 1591 class="absolute inset-0 rounded-full shadow-inner"
1592 aria-hidden="true" 1592 aria-hidden="true"
1593 ></div> 1593 ></div>
1594 </div> 1594 </div>
1595 <div> 1595 <div>
1596 <p class="font-semibold">Rulia Joberts</p> 1596 <p class="font-semibold">Rulia Joberts</p>
1597 <p class="text-xs text-gray-600 dark:text-gray-400"> 1597 <p class="text-xs text-gray-600 dark:text-gray-400">
1598 Actress 1598 Actress
1599 </p> 1599 </p>
1600 </div> 1600 </div>
1601 </div> 1601 </div>
1602 </td> 1602 </td>
1603 <td class="px-4 py-3 text-sm"> 1603 <td class="px-4 py-3 text-sm">
1604 $ 1276.45 1604 $ 1276.45
1605 </td> 1605 </td>
1606 <td class="px-4 py-3 text-xs"> 1606 <td class="px-4 py-3 text-xs">
1607 <span 1607 <span
1608 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1608 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1609 > 1609 >
1610 Approved 1610 Approved
1611 </span> 1611 </span>
1612 </td> 1612 </td>
1613 <td class="px-4 py-3 text-sm"> 1613 <td class="px-4 py-3 text-sm">
1614 6/10/2020 1614 6/10/2020
1615 </td> 1615 </td>
1616 </tr> 1616 </tr>
1617 1617
1618 <tr class="text-gray-700 dark:text-gray-400"> 1618 <tr class="text-gray-700 dark:text-gray-400">
1619 <td class="px-4 py-3"> 1619 <td class="px-4 py-3">
1620 <div class="flex items-center text-sm"> 1620 <div class="flex items-center text-sm">
1621 1621
1622 <div 1622 <div
1623 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1623 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1624 > 1624 >
1625 <img 1625 <img
1626 class="object-cover w-full h-full rounded-full" 1626 class="object-cover w-full h-full rounded-full"
1627 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1627 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1628 alt="" 1628 alt=""
1629 loading="lazy" 1629 loading="lazy"
1630 /> 1630 />
1631 <div 1631 <div
1632 class="absolute inset-0 rounded-full shadow-inner" 1632 class="absolute inset-0 rounded-full shadow-inner"
1633 aria-hidden="true" 1633 aria-hidden="true"
1634 ></div> 1634 ></div>
1635 </div> 1635 </div>
1636 <div> 1636 <div>
1637 <p class="font-semibold">Wenzel Dashington</p> 1637 <p class="font-semibold">Wenzel Dashington</p>
1638 <p class="text-xs text-gray-600 dark:text-gray-400"> 1638 <p class="text-xs text-gray-600 dark:text-gray-400">
1639 Actor 1639 Actor
1640 </p> 1640 </p>
1641 </div> 1641 </div>
1642 </div> 1642 </div>
1643 </td> 1643 </td>
1644 <td class="px-4 py-3 text-sm"> 1644 <td class="px-4 py-3 text-sm">
1645 $ 863.45 1645 $ 863.45
1646 </td> 1646 </td>
1647 <td class="px-4 py-3 text-xs"> 1647 <td class="px-4 py-3 text-xs">
1648 <span 1648 <span
1649 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700" 1649 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700"
1650 > 1650 >
1651 Expired 1651 Expired
1652 </span> 1652 </span>
1653 </td> 1653 </td>
1654 <td class="px-4 py-3 text-sm"> 1654 <td class="px-4 py-3 text-sm">
1655 6/10/2020 1655 6/10/2020
1656 </td> 1656 </td>
1657 </tr> 1657 </tr>
1658 1658
1659 <tr class="text-gray-700 dark:text-gray-400"> 1659 <tr class="text-gray-700 dark:text-gray-400">
1660 <td class="px-4 py-3"> 1660 <td class="px-4 py-3">
1661 <div class="flex items-center text-sm"> 1661 <div class="flex items-center text-sm">
1662 1662
1663 <div 1663 <div
1664 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1664 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1665 > 1665 >
1666 <img 1666 <img
1667 class="object-cover w-full h-full rounded-full" 1667 class="object-cover w-full h-full rounded-full"
1668 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5" 1668 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5"
1669 alt="" 1669 alt=""
1670 loading="lazy" 1670 loading="lazy"
1671 /> 1671 />
1672 <div 1672 <div
1673 class="absolute inset-0 rounded-full shadow-inner" 1673 class="absolute inset-0 rounded-full shadow-inner"
1674 aria-hidden="true" 1674 aria-hidden="true"
1675 ></div> 1675 ></div>
1676 </div> 1676 </div>
1677 <div> 1677 <div>
1678 <p class="font-semibold">Dave Li</p> 1678 <p class="font-semibold">Dave Li</p>
1679 <p class="text-xs text-gray-600 dark:text-gray-400"> 1679 <p class="text-xs text-gray-600 dark:text-gray-400">
1680 Influencer 1680 Influencer
1681 </p> 1681 </p>
1682 </div> 1682 </div>
1683 </div> 1683 </div>
1684 </td> 1684 </td>
1685 <td class="px-4 py-3 text-sm"> 1685 <td class="px-4 py-3 text-sm">
1686 $ 863.45 1686 $ 863.45
1687 </td> 1687 </td>
1688 <td class="px-4 py-3 text-xs"> 1688 <td class="px-4 py-3 text-xs">
1689 <span 1689 <span
1690 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1690 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1691 > 1691 >
1692 Approved 1692 Approved
1693 </span> 1693 </span>
1694 </td> 1694 </td>
1695 <td class="px-4 py-3 text-sm"> 1695 <td class="px-4 py-3 text-sm">
1696 6/10/2020 1696 6/10/2020
1697 </td> 1697 </td>
1698 </tr> 1698 </tr>
1699 1699
1700 <tr class="text-gray-700 dark:text-gray-400"> 1700 <tr class="text-gray-700 dark:text-gray-400">
1701 <td class="px-4 py-3"> 1701 <td class="px-4 py-3">
1702 <div class="flex items-center text-sm"> 1702 <div class="flex items-center text-sm">
1703 1703
1704 <div 1704 <div
1705 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1705 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1706 > 1706 >
1707 <img 1707 <img
1708 class="object-cover w-full h-full rounded-full" 1708 class="object-cover w-full h-full rounded-full"
1709 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1709 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1710 alt="" 1710 alt=""
1711 loading="lazy" 1711 loading="lazy"
1712 /> 1712 />
1713 <div 1713 <div
1714 class="absolute inset-0 rounded-full shadow-inner" 1714 class="absolute inset-0 rounded-full shadow-inner"
1715 aria-hidden="true" 1715 aria-hidden="true"
1716 ></div> 1716 ></div>
1717 </div> 1717 </div>
1718 <div> 1718 <div>
1719 <p class="font-semibold">Maria Ramovic</p> 1719 <p class="font-semibold">Maria Ramovic</p>
1720 <p class="text-xs text-gray-600 dark:text-gray-400"> 1720 <p class="text-xs text-gray-600 dark:text-gray-400">
1721 Runner 1721 Runner
1722 </p> 1722 </p>
1723 </div> 1723 </div>
1724 </div> 1724 </div>
1725 </td> 1725 </td>
1726 <td class="px-4 py-3 text-sm"> 1726 <td class="px-4 py-3 text-sm">
1727 $ 863.45 1727 $ 863.45
1728 </td> 1728 </td>
1729 <td class="px-4 py-3 text-xs"> 1729 <td class="px-4 py-3 text-xs">
1730 <span 1730 <span
1731 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1731 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1732 > 1732 >
1733 Approved 1733 Approved
1734 </span> 1734 </span>
1735 </td> 1735 </td>
1736 <td class="px-4 py-3 text-sm"> 1736 <td class="px-4 py-3 text-sm">
1737 6/10/2020 1737 6/10/2020
1738 </td> 1738 </td>
1739 </tr> 1739 </tr>
1740 1740
1741 <tr class="text-gray-700 dark:text-gray-400"> 1741 <tr class="text-gray-700 dark:text-gray-400">
1742 <td class="px-4 py-3"> 1742 <td class="px-4 py-3">
1743 <div class="flex items-center text-sm"> 1743 <div class="flex items-center text-sm">
1744 1744
1745 <div 1745 <div
1746 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1746 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1747 > 1747 >
1748 <img 1748 <img
1749 class="object-cover w-full h-full rounded-full" 1749 class="object-cover w-full h-full rounded-full"
1750 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1750 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1751 alt="" 1751 alt=""
1752 loading="lazy" 1752 loading="lazy"
1753 /> 1753 />
1754 <div 1754 <div
1755 class="absolute inset-0 rounded-full shadow-inner" 1755 class="absolute inset-0 rounded-full shadow-inner"
1756 aria-hidden="true" 1756 aria-hidden="true"
1757 ></div> 1757 ></div>
1758 </div> 1758 </div>
1759 <div> 1759 <div>
1760 <p class="font-semibold">Hitney Wouston</p> 1760 <p class="font-semibold">Hitney Wouston</p>
1761 <p class="text-xs text-gray-600 dark:text-gray-400"> 1761 <p class="text-xs text-gray-600 dark:text-gray-400">
1762 Singer 1762 Singer
1763 </p> 1763 </p>
1764 </div> 1764 </div>
1765 </div> 1765 </div>
1766 </td> 1766 </td>
1767 <td class="px-4 py-3 text-sm"> 1767 <td class="px-4 py-3 text-sm">
1768 $ 863.45 1768 $ 863.45
1769 </td> 1769 </td>
1770 <td class="px-4 py-3 text-xs"> 1770 <td class="px-4 py-3 text-xs">
1771 <span 1771 <span
1772 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1772 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1773 > 1773 >
1774 Approved 1774 Approved
1775 </span> 1775 </span>
1776 </td> 1776 </td>
1777 <td class="px-4 py-3 text-sm"> 1777 <td class="px-4 py-3 text-sm">
1778 6/10/2020 1778 6/10/2020
1779 </td> 1779 </td>
1780 </tr> 1780 </tr>
1781 1781
1782 <tr class="text-gray-700 dark:text-gray-400"> 1782 <tr class="text-gray-700 dark:text-gray-400">
1783 <td class="px-4 py-3"> 1783 <td class="px-4 py-3">
1784 <div class="flex items-center text-sm"> 1784 <div class="flex items-center text-sm">
1785 1785
1786 <div 1786 <div
1787 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1787 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1788 > 1788 >
1789 <img 1789 <img
1790 class="object-cover w-full h-full rounded-full" 1790 class="object-cover w-full h-full rounded-full"
1791 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1791 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1792 alt="" 1792 alt=""
1793 loading="lazy" 1793 loading="lazy"
1794 /> 1794 />
1795 <div 1795 <div
1796 class="absolute inset-0 rounded-full shadow-inner" 1796 class="absolute inset-0 rounded-full shadow-inner"
1797 aria-hidden="true" 1797 aria-hidden="true"
1798 ></div> 1798 ></div>
1799 </div> 1799 </div>
1800 <div> 1800 <div>
1801 <p class="font-semibold">Hans Burger</p> 1801 <p class="font-semibold">Hans Burger</p>
1802 <p class="text-xs text-gray-600 dark:text-gray-400"> 1802 <p class="text-xs text-gray-600 dark:text-gray-400">
1803 10x Developer 1803 10x Developer
1804 </p> 1804 </p>
1805 </div> 1805 </div>
1806 </div> 1806 </div>
1807 </td> 1807 </td>
1808 <td class="px-4 py-3 text-sm"> 1808 <td class="px-4 py-3 text-sm">
1809 $ 863.45 1809 $ 863.45
1810 </td> 1810 </td>
1811 <td class="px-4 py-3 text-xs"> 1811 <td class="px-4 py-3 text-xs">
1812 <span 1812 <span
1813 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1813 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1814 > 1814 >
1815 Approved 1815 Approved
1816 </span> 1816 </span>
1817 </td> 1817 </td>
1818 <td class="px-4 py-3 text-sm"> 1818 <td class="px-4 py-3 text-sm">
1819 6/10/2020 1819 6/10/2020
1820 </td> 1820 </td>
1821 </tr> 1821 </tr>
1822 </tbody> 1822 </tbody>
1823 </table> 1823 </table>
1824 </div> 1824 </div>
1825 <div 1825 <div
1826 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800" 1826 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800"
1827 > 1827 >
1828 <span class="flex items-center col-span-3"> 1828 <span class="flex items-center col-span-3">
1829 Showing 21-30 of 100 1829 Showing 21-30 of 100
1830 </span> 1830 </span>
1831 <span class="col-span-2"></span> 1831 <span class="col-span-2"></span>
1832 1832
1833 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> 1833 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end">
1834 <nav aria-label="Table navigation"> 1834 <nav aria-label="Table navigation">
1835 <ul class="inline-flex items-center"> 1835 <ul class="inline-flex items-center">
1836 <li> 1836 <li>
1837 <button 1837 <button
1838 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" 1838 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple"
1839 aria-label="Previous" 1839 aria-label="Previous"
1840 > 1840 >
1841 <svg 1841 <svg
1842 aria-hidden="true" 1842 aria-hidden="true"
1843 class="w-4 h-4 fill-current" 1843 class="w-4 h-4 fill-current"
1844 viewBox="0 0 20 20" 1844 viewBox="0 0 20 20"
1845 > 1845 >
1846 <path 1846 <path
1847 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" 1847 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
1848 clip-rule="evenodd" 1848 clip-rule="evenodd"
1849 fill-rule="evenodd" 1849 fill-rule="evenodd"
1850 ></path> 1850 ></path>
1851 </svg> 1851 </svg>
1852 </button> 1852 </button>
1853 </li> 1853 </li>
1854 <li> 1854 <li>
1855 <button 1855 <button
1856 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 1856 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
1857 > 1857 >
1858 1 1858 1
1859 </button> 1859 </button>
1860 </li> 1860 </li>
1861 <li> 1861 <li>
1862 <button 1862 <button
1863 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 1863 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
1864 > 1864 >
1865 2 1865 2
1866 </button> 1866 </button>
1867 </li> 1867 </li>
1868 <li> 1868 <li>
1869 <button 1869 <button
1870 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple" 1870 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple"
1871 > 1871 >
1872 3 1872 3
1873 </button> 1873 </button>
1874 </li> 1874 </li>
1875 <li> 1875 <li>
1876 <button 1876 <button
1877 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 1877 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
1878 > 1878 >
1879 4 1879 4
1880 </button> 1880 </button>
1881 </li> 1881 </li>
1882 <li> 1882 <li>
1883 <span class="px-3 py-1">...</span> 1883 <span class="px-3 py-1">...</span>
1884 </li> 1884 </li>
1885 <li> 1885 <li>
1886 <button 1886 <button
1887 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 1887 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
1888 > 1888 >
1889 8 1889 8
1890 </button> 1890 </button>
1891 </li> 1891 </li>
1892 <li> 1892 <li>
1893 <button 1893 <button
1894 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 1894 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
1895 > 1895 >
1896 9 1896 9
1897 </button> 1897 </button>
1898 </li> 1898 </li>
1899 <li> 1899 <li>
1900 <button 1900 <button
1901 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" 1901 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple"
1902 aria-label="Next" 1902 aria-label="Next"
1903 > 1903 >
1904 <svg 1904 <svg
1905 class="w-4 h-4 fill-current" 1905 class="w-4 h-4 fill-current"
1906 aria-hidden="true" 1906 aria-hidden="true"
1907 viewBox="0 0 20 20" 1907 viewBox="0 0 20 20"
1908 > 1908 >
1909 <path 1909 <path
1910 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" 1910 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
1911 clip-rule="evenodd" 1911 clip-rule="evenodd"
1912 fill-rule="evenodd" 1912 fill-rule="evenodd"
1913 ></path> 1913 ></path>
1914 </svg> 1914 </svg>
1915 </button> 1915 </button>
1916 </li> 1916 </li>
1917 </ul> 1917 </ul>
1918 </nav> 1918 </nav>
1919 </span> 1919 </span>
1920 </div> 1920 </div>
1921 </div> 1921 </div>
1922 --> 1922 -->
1923 <!-- Charts --> 1923 <!-- Charts -->
1924 <!-- 1924 <!--
1925 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> 1925 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
1926 Графики 1926 Графики
1927 </h2> 1927 </h2>
1928 <div class="grid gap-6 mb-8 md:grid-cols-2"> 1928 <div class="grid gap-6 mb-8 md:grid-cols-2">
1929 <div 1929 <div
1930 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1930 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1931 > 1931 >
1932 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 1932 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
1933 Revenue 1933 Revenue
1934 </h4> 1934 </h4>
1935 <canvas id="pie"></canvas> 1935 <canvas id="pie"></canvas>
1936 <div 1936 <div
1937 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 1937 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
1938 > 1938 >
1939 1939
1940 <div class="flex items-center"> 1940 <div class="flex items-center">
1941 <span 1941 <span
1942 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" 1942 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full"
1943 ></span> 1943 ></span>
1944 <span>Shirts</span> 1944 <span>Shirts</span>
1945 </div> 1945 </div>
1946 <div class="flex items-center"> 1946 <div class="flex items-center">
1947 <span 1947 <span
1948 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 1948 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
1949 ></span> 1949 ></span>
1950 <span>Shoes</span> 1950 <span>Shoes</span>
1951 </div> 1951 </div>
1952 <div class="flex items-center"> 1952 <div class="flex items-center">
1953 <span 1953 <span
1954 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 1954 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
1955 ></span> 1955 ></span>
1956 <span>Bags</span> 1956 <span>Bags</span>
1957 </div> 1957 </div>
1958 </div> 1958 </div>
1959 </div> 1959 </div>
1960 <div 1960 <div
1961 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1961 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1962 > 1962 >
1963 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 1963 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
1964 Traffic 1964 Traffic
1965 </h4> 1965 </h4>
1966 <canvas id="line"></canvas> 1966 <canvas id="line"></canvas>
1967 <div 1967 <div
1968 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 1968 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
1969 > 1969 >
1970 1970
1971 <div class="flex items-center"> 1971 <div class="flex items-center">
1972 <span 1972 <span
1973 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 1973 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
1974 ></span> 1974 ></span>
1975 <span>Organic</span> 1975 <span>Organic</span>
1976 </div> 1976 </div>
1977 <div class="flex items-center"> 1977 <div class="flex items-center">
1978 <span 1978 <span
1979 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 1979 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
1980 ></span> 1980 ></span>
1981 <span>Paid</span> 1981 <span>Paid</span>
1982 </div> 1982 </div>
1983 </div> 1983 </div>
1984 </div> 1984 </div>
1985 </div> 1985 </div>
1986 --> 1986 -->
1987 </div> 1987 </div>
1988 </main> 1988 </main>
1989 </div> 1989 </div>
1990 </div> 1990 </div>
1991 @yield('modal') 1991 @yield('modal')
1992 </body> 1992 </body>
1993 @yield('script') 1993 @yield('script')
1994 </html> 1994 </html>
1995 1995