@extends('layouts.profile')
@section('css')
    <!-- begin::dataTable -->
    <link rel="stylesheet" href="/assets/vendors/dataTable/responsive.bootstrap.min.css" type="text/css">
    <!-- end::dataTable -->
@endsection('css')
@section('script')
    <!-- begin::dataTable -->
    <script src="/assets/vendors/dataTable/jquery.dataTables.min.js"></script>
    <script src="/assets/vendors/dataTable/dataTables.bootstrap4.min.js"></script>
    <script src="/assets/vendors/dataTable/dataTables.responsive.min.js"></script>
    <script src="/assets/js/examples/datatable.js"></script>
    <!-- end::dataTable -->

    <!-- begin::sweet alert demo -->
    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')
    <!-- begin::sweet alert demo -->
@endsection('script')
@section('navbar')


@endsection('navbar')
@section('sidebar')
@endsection('sidebar')

@section('header')
    <div class="page-header">
        <div>
            <br>
            <h3>پیام های مهم</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#">پیام ها</a></li>
                    <li class="breadcrumb-item active" aria-current="page">پیام های مهم</li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')
@section('content')
    <div class="row">
        <div class="col-md-3">
            <div class="card ">
                <div class="card-body">
                    {{--<div class="sidebar sidebar-main sidebar-default sidebar-separate">--}}
                    <div class="sidebar-content">

                        <!-- Actions -->
                        <div class="sidebar-category">
                            <div class="category-title">
                                <b>عملیات</b>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <a href="/mail/create">
                                        <button class="btn btn-primary btn-block">ایجاد پیام</button>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- /actions -->
                        <br>
                        <br>
                        <br>

                        <!-- Sub navigation -->
                        <div class="sidebar-category">
                            <div class="category-title">
                                <b>صندوق مدیریت پیام ها</b>

                            </div>
                            <hr>
                            <div class="contact-list">
                                <ul class="list">

                                    <li class="active"><a href="/mails/inbox"><i class="icon-drawer-in"></i> &nbsp

                                            پیام های
                                            دریافتی
                                            @if($count != 0)<span class="badge badge-danger">{{$count}}</span>@endif</a>
                                    </li>
                                    <hr>
                                    <li><a href="/mail/outbox"><i class="icon-drawer-out"></i>&nbsp
                                            پیام های ارسالی</a></li>
                                    <hr>
                                    <li><a href="/mail/important"><i class="icon-stars"></i>&nbsp
                                            پیام های مهم </a></li>
                                    <li class="navigation-divider"></li>

                                </ul>
                            </div>
                        </div>
                        <!-- /sub navigation -->


                    </div>
                </div>

            </div>
        </div>
        <div class="col-md-9">
            <div class="card ">

                <div class="card-body">

                    <table id="example1" class="table table-striped table-bordered">
                        <thead>
                        <tr class="success">
                            <th>عملیات</th>
                            <th>ارسال کننده</th>
                            <th>عنوان</th>
                            <th>دانلود فایل ضمیمه</th>
                            <th>تاریخ</th>

                        </tr>
                        </thead>
                    <tbody data-link="row" class="rowlink">

                    @foreach($mails as $mail )


                        @if($mail->status != 0)
                            <tr style="" id="tr_{{$mail->id}}">
                        @else
                            <tr class="unread" id="tr_{{$mail->id}}">
                                @endif

                                @if($mail->important==1)
                                <td class="table-inbox-checkbox rowlink-skip">
                                    <a href="