@extends('backend.layouts.master')
@section('content')
    <style>
        #list-user .fa:before{
            font-size: 18px;
        }
        #list-user .user-now .fa:before{
            color: #b7aeae;
            cursor: not-allowed;
        }
    </style>
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="breadcrumb-wrapper col-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="/admin">Trang chủ</a>
                        </li>
                        <li class="breadcrumb-item"><a href="#">Cuộc tư vấn</a>
                        </li>
                        <li class="breadcrumb-item active">Danh sách
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="content-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Danh sách phòng chat tư vấn</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form id="form-search" action="" method="GET">
                                <div class="row">
                                    <div class="col-md-3 mb-1">
                                        <fieldset class="form-group">
                                            <label for="disabledInput">Tên cuộc tư vấn</label>
                                            <input type="text" class="form-control" id="placeholderInput" name="searchName" placeholder="Nhập tên cuộc tư vấn" value="{{@$dataSearch['searchName']}}">
                                        </fieldset>
                                    </div>
                                    <div class="col-md-3 mb-1">
                                        <fieldset class="form-group">
                                            <label for="disabledInput">Tư vấn viên</label>
                                            <select class="form-control" id="basicSelect" name="searchConsult">
                                                <option selected="" value="">-- Chọn kiểu tư vấn --</option>
                                                <option value="{{\App\Constants\ConsultingHistoryConstant::TAM_LY}}" {{(@$dataSearch['searchConsult'] == \App\Constants\ConsultingHistoryConstant::TAM_LY) ? 'selected' : ''}}>Tâm Lý</option>
                                                <option value="{{\App\Constants\ConsultingHistoryConstant::PHAP_LY}}" {{(@$dataSearch['searchConsult'] == \App\Constants\ConsultingHistoryConstant::PHAP_LY) ? 'selected' : ''}}>Pháp Lý</option>
                                            </select>
                                        </fieldset>
                                    </div>
{{--                                    <div class="col-md-3">--}}
{{--                                        <fieldset class="form-group">--}}
{{--                                            <label for="customSelect">Kiểu tư vấn</label>--}}
{{--                                            <select class="form-control" id="basicSelect" name="searchStatus">--}}
{{--                                                <option selected="" value="">-- Chọn trạng thái --</option>--}}
{{--                                                <option value="{{\App\Constants\ConsultingHistoryConstant::ACTIVE}}" {{(@$dataSearch['searchStatus'] == \App\Constants\ConsultingHistoryConstant::ACTIVE) ? 'selected' : ''}}>Hoạt động</option>--}}
{{--                                                <option value="{{\App\Constants\ConsultingHistoryConstant::INACTIVE}}" {{(@$dataSearch['searchStatus'] == \App\Constants\ConsultingHistoryConstant::INACTIVE) ? 'selected' : ''}}>Đã khóa</option>--}}
{{--                                            </select>--}}
{{--                                        </fieldset>--}}
{{--                                    </div>--}}
                                    <div class="col-md-3">
                                        <fieldset class="form-group">
                                            <label for="customSelect">Trạng thái</label>
                                            <select class="form-control" id="basicSelect" name="searchStatus">
                                                <option selected="" value="">-- Chọn trạng thái --</option>
                                                <option value="{{\App\Constants\ConsultingHistoryConstant::ACTIVE}}" {{(@$dataSearch['searchStatus'] == \App\Constants\ConsultingHistoryConstant::ACTIVE) ? 'selected' : ''}}>Hoạt động</option>
                                                <option value="{{\App\Constants\ConsultingHistoryConstant::INACTIVE}}" {{(@$dataSearch['searchStatus'] == \App\Constants\ConsultingHistoryConstant::INACTIVE) ? 'selected' : ''}}>Đã khóa</option>
                                            </select>
                                        </fieldset>
                                    </div>
                                </div>
                                <div class="row" style="transform: translateY(-22px);">
                                    <div class="col-md-6">
                                        <button type="submit" class="btn btn-primary">Tìm kiếm <i class="fa fa-search"></i></button>
                                        <button type="button" class="btn btn-warning btn-min-width" onclick="location.href='{{route('banks.index')}}';">Làm mới <i class="ft-rotate-cw"></i></button>
{{--                                        <a href="{{ route('banks.create') }}" style="color: white;" role="button" class="btn btn-info btn-min-width">Thêm mới<i style="margin-left: 7px" class="fa fa-pencil-square-o"></i></a>--}}
                                    </div>
                                </div> 
                            </form>
                            <div class="table-responsive">
                                <table id="list-user" class="table table-bordered table-hover">
                                    <thead class="bg-info text-white">
                                    <tr class="text-center">
                                        <th>STT</th>
                                        <th>Tên cuộc tư vấn</th>
                                        <th>Kiểu tư vấn</th>
                                        <th>Khách hàng (mã)</th>
                                        <th>Tư vấn viên (mã)</th>
                                        <th>Thời gian đã tư vấn</th>
                                        <th>Thời gian còn lại của KH</th>
                                        <th>Trạng thái</th>
                                        <th class="text-center">Hành động</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if (isset($messages) && count($messages))
                                        @foreach ($messages as $key => $item)
                                            <tr class="text-center">
                                                <th scope="row">{{$key+1}}</th>
                                                <td class="text-left">{{@$item->name}}</td>
                                                <td>
                                                    @if ($item->type == \App\Constants\ConsultingHistoryConstant::TAM_LY)
                                                        <span class="badge badge-success">Tâm Lý</span>
                                                    @elseif ($item->type == \App\Constants\ConsultingHistoryConstant::PHAP_LY)
                                                        <span class="badge badge-warning">Pháp Lý</span>
                                                    @endif
                                                </td>
                                                <td>{{@$item->customer->name}} ({{@$item->customer->code_kh}})</td>
                                                <td>{{@$item->user->name}} ({{@$item->user->code_tvv}})</td>
                                                @php
                                                    $h = floor(@$item->sumTime()/60/60);
                                                    $m =  floor((@$item->sumTime()/60/60 - $h)*60);
                                                    $time_kh = $h.' giờ '.$m.' phút';
                                                    if ($h < 1) {
                                                        $time_kh = $m.' phút';
                                                    }
                                                @endphp
                                                <td>{{$time_kh}}</td>
                                                @php
                                                    $h = floor(@$item->customer->times/60/60);
                                                    $m =  floor((@$item->customer->times/60/60 - $h)*60);

                                                    $time = $h.' giờ '.$m.' phút';
                                                    if ($h < 1) {
                                                        $time = $m.' phút';
                                                    }
                                                @endphp
                                                <td>{{@$time}}</td>
                                                <td>
                                                    @if ($item->status == \App\Constants\ConsultingHistoryConstant::ACTIVE)
                                                        <span class="badge badge-success">Hoạt động</span>
                                                    @elseif ($item->status == \App\Constants\ConsultingHistoryConstant::INACTIVE)
                                                        <span class="badge badge-danger">Đã khóa</span>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <a class="primary edit mr-1 edit-item" href="/admin/list-room/{{ $item->id }}/edit" data-id="{{ $item->id }}" title="Chỉnh sửa"><i class="fa fa-pencil"></i></a>
                                                    <a class="danger delete mr-1 delete-item" data-id="{{ $item->id }}" title="Xóa người dùng"><i class="fa fa-trash-o"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        Không có phòng tư vấn nào.
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                            <div class="tb-paginate float-md-right">
                                {{ $messages->appends(['searchName' => $dataSearch['searchName'], 'searchConsult' => $dataSearch['searchConsult'], 'searchStatus' => $dataSearch['searchStatus']])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            $("body").delegate(".delete-item", "click", function () {
                let elt = $(this).parents('tr');
                var data_id = $(this).data('id');
                swal({
                    title: 'Bạn có chắc chắn xóa mục này?',
                    type: 'error',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    showCloseButton: true,
                }).then(function() {
                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: { id: data_id },
                        url: "/admin/list-room/"+data_id,
                        method: 'delete',
                        success: function() {
                            swal({
                                title: 'Đã xóa thành công!',
                                type: 'success'
                            })}
                    });
                    elt.remove();
                }, function (dismiss) {});
            });
        });
    </script>
@endsection