@extends('layouts.admin', ['title' => 'مدیریت - کارتابل'])

@section('content')

<h3>مدیریت - کارتابل</h3>
<hr />

<div class="row">
    <div class="col-md-12">
        <ul class="nav nav-tabs">
            <li role="presentation" {!! $type=='product' ? 'class="active"' : '' !!}><a
                    href="/admin/cartable">محصولات</a>
            </li>

            <li role="presentation" {!! $type=='done' ? 'class="active"' : '' !!}><a
                    href="/admin/cartable?type=done">انجام شده</a></li>

        </ul>

        @if($data->isEmpty())
        <div class="alert alert-info">اطلاعاتی برای نمایش دادن یافت نشد!</div>
        @else
        <table class="table">
            <tr>
                <th>تاریخ/ساعت</th>
                <th>درخواست کننده</th>
                <th>نوع</th>
                <th>عنوان</th>
                <th>وضعیت</th>
                <th></th>
            </tr>
            @foreach ($data as $item)
            <tr>
                <td>{{ $item->created_shamsi }}</td>
                <td>{{ $item->UserBy->fullname }}</td>
                <td>{{ $item->type_title }}</td>
                <td>
                    {{ $item->title }}
                    <br />
                    {{ $item->model_title }}
                </td>
                <td>

                    <div class="btn-group">
                        <button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                            {{ $item->status_title }} <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li><a
                                    href="{{ route('admin.cartable.update.status', ['id' => $item->id, 'status' => 'new']) }}">
                                    جدید</a></li>
                            <li><a
                                    href="{{ route('admin.cartable.update.status', ['id' => $item->id, 'status' => 'seen']) }}">در
                                    حال
                                    بررسی</a></li>
                            <li><a
                                    href="{{ route('admin.cartable.update.status', ['id' => $item->id, 'status' => 'done']) }}">انجام
                                    شد
                                </a></li>
                        </ul>
                    </div>
                </td>
                <td>
                    <a href="{{ $item->show_link }}" class="btn btn-primary">مشاهده</a>

                    @isset( $item->data['message'])
                    <button class="btn btn-default btn-show-message"
                        data-message='{{ $item->data['message'] }}'>پیام</button>
                    @endisset

                </td>

            </tr>

            @endforeach

        </table>
        <div>
            {!! $data->links() !!}
        </div>
        @endif
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">پیام</h4>
            </div>
            <div class="modal-body">
                <div id="modalAlertMessage"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
            </div>
        </div>
    </div>
</div>

@stop

@section('javascript')

<script language="javascript" type="text/javascript">
    $(document).ready(function(){
    $('.btn-show-message').click(function(){
        var message = $(this).data('message');
        message = message.replace(/\n/g, '<br/>');
        $("#modalAlertMessage").html(message);
        $("#alertModal").modal();
    });
});
  

</script>
@stop