@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 -->

@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="color: #0b2e13">
                            @elseif($mail->status == 1)
                                <tr style="color: #0000cc">
                                    @endif
                                    <td class="table-inbox-checkbox rowlink-skip">
                                        @if($mail->status == 0)
                                            خوانده نشده
                                        @elseif($mail->status == 1)
                                        @endif
                                        <br>
                                        <button class="btn btn-danger btn-rounded" onclick="deleteData({{$mail->id}})"><i
                                                    class="icon-trash"></i></button>

                                        {{--<td class="table-inbox-checkbox rowlink-skip">--}}
                                            <br>
                                            <br>
                                        <a href="/mail/forward/{{$mail->mail_id}}" title="ارسال">	<span
                                                    class="btn btn-info btn-rounded icon-undo2 btn-xs">

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