<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<!-- BEGIN: Head-->

<head>
    <meta charset="utf-8">
    <meta name="universitas-negeri-surabaya" content="custom" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Unesa Medical Center">
    <meta name="author" content="PPTI Unesa Surabaya">
    <meta name="keywords" content="sistem, informasi, klinik, obat, sakit, pengobatan, unesa, pasien, penyembuhan">
    <meta name="language" content="id">
    <meta name="geo.region" content="ID" />
    <meta name="geo.position" content="-7.300818;112.672689">
    <meta name="geo.placename" content="Surabaya">
    <meta name="geo.region" content="Indonesia">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>SIPEKA | UNESA</title>

    <link rel="shortcut icon" type="image/x-icon" href="{{ url('theme/images/ico/favicon.ico') }}">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600" rel="stylesheet">

    <!-- CSS Icon Refresh -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- End CSS Icon Refresh -->

    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/vendors.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('theme/vendors/css/forms/select/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/charts/apexcharts.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/extensions/toastr.min.css') }}">
    <!-- END: Vendor CSS-->

    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/tables/datatable/dataTables.bootstrap5.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/tables/datatable/responsive.bootstrap5.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/tables/datatable/buttons.bootstrap5.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/tables/datatable/rowGroup.bootstrap5.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/vendors/css/pickers/flatpickr/flatpickr.min.css') }}">

    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/bootstrap-extended.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/colors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/components.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/themes/dark-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/themes/bordered-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/themes/semi-dark-layout.css') }}">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/core/menu/menu-types/horizontal-menu.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/pages/dashboard-ecommerce.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/plugins/charts/chart-apex.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/plugins/extensions/ext-component-toastr.css') }}">
    <!-- END: Page CSS-->

    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/core/menu/menu-types/horizontal-menu.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/plugins/forms/pickers/form-flat-pickr.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/plugins/forms/pickers/form-pickadate.css') }}">

    <link rel="stylesheet" type="text/css" href="{{ url('theme/css/pages/app-invoiceE.css') }}">

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ url('theme/assets/css/style.css') }}">
    <!-- END: Custom CSS-->
    {{-- @livewireStyles --}}
    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.3/dist/alpine.min.js" defer></script>
    {{-- <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> --}}
    @stack('css')
    <style>
        .danger{
            color: red
        }

        .multiple-selected{
            background-color: #7367f0 !important;
            border-color: #7367f0 !important;
            color: #fff;
            padding: 2px 5px;
            list-style: none;
            background-color: #e4e4e4;
            border: 1px solid #aaa;
            border-radius: 4px;
            cursor: default;
            float: left;
            margin-right: 5px;
            margin-top: 5px;
            padding: 0 5px;
        }

        .remove-multiple-selected{
            cursor: pointer;
            display: inline-block;
            font-weight: bold;
            margin-right: 2px;
        }
    </style>

</head>
<!-- END: Head-->