<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kardeş Yuvan</title>

    <link rel="stylesheet" href="/site/assets/css/bootstrap.css">

    <link rel="stylesheet" href="/site/assets/vendors/chartjs/Chart.min.css">

    <link rel="stylesheet" href="/site/assets/vendors/perfect-scrollbar/perfect-scrollbar.css">
    <link rel="stylesheet" href="/site/assets/css/app.css">
{{--    <link rel="stylesheet" href="//cdn.datatables.net/1.13.2/css/jquery.dataTables.min.css">--}}
    <link rel="shortcut icon" href="/site/assets/images/favicon.svg" type="image/x-icon">
    @stack('css')
</head>
<body>
<div id="app">

    <div id="main">
        <style>
            .navbar{
                background-color: #F2F2F2;
                max-height: 96px;
            }
            .container-fluid {
                margin-left: 260px;
                width: auto;
                transition: margin-left 0.6s ease-out;
            }

        </style>
        <nav class="navbar navbar-header navbar-expand navbar-light">

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <img style="height: 70px; object-fit: contain;" src="/site/assets/images/avatar/logo.png" alt="">
                <ul class="navbar-nav d-flex align-items-center navbar-light ml-auto">



                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">

                            <div class="d-none d-md-block d-lg-inline-block">{{ auth()->user()->name }}</div>
                            <div class="avatar mr-1">
                                <img src="/site/assets/images/avatar/avatar-s-1.png" alt="" srcset="">
                            </div>
                        </a>

                    </li>
                </ul>
            </div>
        </nav>
        <div id="sidebar" class='active'>
            <div class="sidebar-wrapper active">
                @if(auth()->user()->user_management)
                <div class="sidebar-header" style="background-color:transparent">
                    <form action="{{ route('admin.user_management') }}">
                        <div class="form-group position-relative has-icon-left d-flex">

                            <div class="position-relative col-10">
                                <input style="font-size: 14px; border-radius: 50px;" type="text" class="form-control" id="username" name="search" placeholder="Kullanıcı Adı">
                                <div style="font-size: 14px; background-color: transparent; color: gray;" class="form-control-icon">
                                    <i class="bi bi-search"></i>
                                </div>
                            </div>
                            <div class="clearfix col-2 d-flex justify-content-end align-items-center">
                                <a style="color: gray; font-size: 24px;" class="sidebar-toggler" href="#"><i class="bi bi-list"></i></a>

                            </div>
                        </div>


                    </form>
                </div>
                @endif
                <a class="sidebar-toggler" href="#"><span class="navbar-toggler-icon"></span></a>
                <button class="btn navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="sidebar-menu">
                    <ul class="menu">

                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <i data-feather="triangle" width="20"></i>
                                <span>Tüm Başvurular</span>
                            </a>

                            <ul class="submenu ">

                                <li>
                                    <a href="#">Başvurular</a>
                                </li>

                            </ul>

                        </li>



                        @if(auth()->user()->need_home_management)
                            <li class="sidebar-item ">
                                <a href="{{ route('admin.need_home') }}" class='sidebar-link'>
                                    <i data-feather="briefcase" width="20"></i>
                                    <span>Depremzede</span>
                                </a>

                            </li>
                        @endif
                        @if(auth()->user()->has_home_management)
                            <li class="sidebar-item ">
                                <a href="{{ route('admin.has_home') }}" class='sidebar-link'>
                                    <i data-feather="briefcase" width="20"></i>
                                    <span>Evimi Açabilirim</span>
                                </a>

                            </li>
                        @endif
                        @if(auth()->user()->user_management)
                            <li class="sidebar-item ">
                                <a href="{{ route('admin.user_management') }}" class='sidebar-link'>
                                    <i data-feather="briefcase" width="20"></i>
                                    <span>Yönetim Araçları</span>
                                </a>

                            </li>
                        @endif

                    </ul>
                </div>
                <button class="sidebar-toggler btn x"><i data-feather="x"></i></button>
            </div>
        </div>
        <div class="main-content container-fluid">
            @yield('content')
        </div>
    </div>
</div>
<script src="/site/assets/js/feather-icons/feather.min.js"></script>
<script src="/site/assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="/site/assets/js/app.js"></script>

<script src="/site/assets/vendors/chartjs/Chart.min.js"></script>
<script src="/site/assets/vendors/apexcharts/apexcharts.min.js"></script>
<script src="/site/assets/js/pages/dashboard.js"></script>

<script src="/site/assets/js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
{{--<script src="//cdn.datatables.net/1.13.2/js/jquery.dataTables.min.js"></script>--}}
{{--<script>--}}
{{--    $(document).ready( function () {--}}
{{--        $('.data-table').DataTable();--}}
{{--    } );--}}
{{--</script>--}}
@stack('js')
</body>
</html>
