@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="#">Thống kê thời gian 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">Thống kê thời gian tư vấn</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form id="form-search" action="/admin/user-time-chat" method="GET">
                                <div class="row">
                                    <div class="col-md-2 mb-1">
                                        <fieldset class="form-group">
                                            <label for="disabledInput">Tên tư vấn viên</label>
                                            <input type="text" class="form-control" id="placeholderInput" name="searchName" placeholder="Nhập họ tên" value="{{@$dataSearch['searchName']}}">
                                        </fieldset>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="disabledInput">Mã tư vấn viên</label>
                                        <input type="text" class="form-control" name="searchCode" placeholder="Nhập mã tư vấn viên" value="{{@$dataSearch['searchCode']}}">
                                    </div>
                                    <div class="col-md-2">
                                        <label for="disabledInput">Tư vấn viên</label>
                                        <select class="form-control" name="searchTvv" id="searchTvv">
                                            @if(count($tvv))
                                                <option value="">Chọn tư vấn viên</option>
                                                @foreach($tvv as $key => $item)
                                                    <option value="{{$item->id}}" {{(@$dataSearch['searchTvv'] == $item->id) ? 'selected' : ''}}>({{$item->code_tvv}}) {{$item->name}} ({{$item->phone}})</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="disabledInput">Tìm theo tháng</label>
                                        <select class="form-control" name="searchMonth" id="searchMonth">
                                            <option value="">Chọn tháng</option>
                                            <option value="1" {{(@$dataSearch['searchMonth'] == 1) ? 'selected' : ''}}>Tháng 1</option>
                                            <option value="2" {{(@$dataSearch['searchMonth'] == 2) ? 'selected' : ''}}>Tháng 2</option>
                                            <option value="3" {{(@$dataSearch['searchMonth'] == 3) ? 'selected' : ''}}>Tháng 3</option>
                                            <option value="4" {{(@$dataSearch['searchMonth'] == 4) ? 'selected' : ''}}>Tháng 4</option>
                                            <option value="5" {{(@$dataSearch['searchMonth'] == 5) ? 'selected' : ''}}>Tháng 5</option>
                                            <option value="6" {{(@$dataSearch['searchMonth'] == 6) ? 'selected' : ''}}>Tháng 6</option>
                                            <option value="7" {{(@$dataSearch['searchMonth'] == 7) ? 'selected' : ''}}>Tháng 7</option>
                                            <option value="8" {{(@$dataSearch['searchMonth'] == 8) ? 'selected' : ''}}>Tháng 8</option>
                                            <option value="9" {{(@$dataSearch['searchMonth'] == 9) ? 'selected' : ''}}>Tháng 9</option>
                                            <option value="10" {{(@$dataSearch['searchMonth'] == 10) ? 'selected' : ''}}>Tháng 10</option>
                                            <option value="11" {{(@$dataSearch['searchMonth'] == 11) ? 'selected' : ''}}>Tháng 11</option>
                                            <option value="12" {{(@$dataSearch['searchMonth'] == 12) ? 'selected' : ''}}>Tháng 12</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="disabledInput">Tìm theo năm</label>
                                        <select class="form-control" name="searchYear" id="searchYear">
                                            <option value="">Chọn năm</option>
                                            <option value="2019" {{(@$dataSearch['searchYear'] == 2019) ? 'selected' : ''}}>2019</option>
                                            <option value="2020" {{(@$dataSearch['searchYear'] == 2020) ? 'selected' : ''}}>2020</option>
                                            <option value="2021" {{(@$dataSearch['searchYear'] == 2021) ? 'selected' : ''}}>2021</option>
                                            <option value="2022" {{(@$dataSearch['searchYear'] == 2022) ? 'selected' : ''}}>2022</option>
                                            <option value="2023" {{(@$dataSearch['searchYear'] == 2023) ? 'selected' : ''}}>2023</option>
                                            <option value="2024" {{(@$dataSearch['searchYear'] == 2024) ? 'selected' : ''}}>2024</option>
                                            <option value="2025" {{(@$dataSearch['searchYear'] == 2025) ? 'selected' : ''}}>2025</option>
                                            <option value="2026" {{(@$dataSearch['searchYear'] == 2026) ? 'selected' : ''}}>2026</option>
                                            <option value="2027" {{(@$dataSearch['searchYear'] == 2027) ? 'selected' : ''}}>2027</option>
                                            <option value="2028" {{(@$dataSearch['searchYear'] == 2028) ? 'selected' : ''}}>2028</option>
                                            <option value="2029" {{(@$dataSearch['searchYear'] == 2029) ? 'selected' : ''}}>2029</option>
                                            <option value="2030" {{(@$dataSearch['searchYear'] == 2030) ? 'selected' : ''}}>2030</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2 tb-btn-search">
                                        <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('user-time-chat.index')}}';">Làm mới <i class="ft-rotate-cw"></i></button>
                                    </div>
                                </div>
                            </form>
                            @if($sumTimeTvv != '')
                                @php
                                    $h = floor(@$sumTimeTvv/60/60);
                                    $m =  floor((@$sumTimeTvv/60/60 - $h)*60);
                                    $s =  @$sumTimeTvv % 60;
                                    $sumTimeTvv = $h.' giờ '.$m.' phút '.$s.' giây';
                                    if ($h < 1 && $m > 0) {
                                        $sumTimeTvv = $m.' phút';
                                    }
                                    if ($h < 1 && $m > 0 && $s > 0) {
                                        $sumTimeTvv = $m.' phút '.$s.' giây';
                                    }
                                    if ($h < 1 && $m < 1) {
                                        $sumTimeTvv = $s.' giây';
                                    }
                                @endphp
                                <div class="sum-time-tvv">
                                    <h3>Tổng thời gian của tư vấn viên {{$tvvinfo->name}} ({{$tvvinfo->code_tvv}}) là: {{($sumTimeTvv)?$sumTimeTvv:'Chưa có dữ liệu'}}</h3>
                                </div>
                            @endif
                            <div class="table-responsive">
                                <table id="list-user" class="table table-bordered">
                                    <thead class="bg-info text-white">
                                    <tr class="text-center">
                                        <th>STT</th>
                                        <th>Ảnh TVV</th>
                                        <th>Tên tư vấn viên</th>
                                        <th>Mã tư vấn viên</th>
                                        <th>Tên khách hàng</th>
                                        <th>Mã khách hàng</th>
                                        <th>Kiểu chat</th>
                                        <th class="text-right">Số phút</th>
                                        <th class="text-right">Thời gian chat</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if (isset($data) && count($data))
                                        @foreach ($data as $key => $item)
                                            <tr>
                                                <th scope="row" class="text-center">{{$key+1}}</th>
                                                <td class="text-center">
                                                    <div class="tb-avatar">
                                                        <span class="_image_avatar_round"><img src="{{@$item->user->avatar ? asset($item->user->avatar) : asset('backend/images/no-image.png')}}" alt="avatar"></span>
                                                    </div>
                                                </td>
                                                <td class="text-center">{{@$item->user->name}}</td>
                                                <td class="text-center">{{@$item->user->code_tvv}}</td>
                                                <td class="text-center">{{@$item->customer->name}}</td>
                                                <td class="text-center">{{@$item->customer->code_kh}}</td>
                                                <td class="text-center">
                                                    @if ($item->type_chat === \App\Constants\ConsultingHistoryConstant::TYPE_CHAT)
                                                        <span class="badge badge-success">Chat</span>
                                                    @elseif ($item->type_chat === \App\Constants\ConsultingHistoryConstant::TYPE_SUPPORT)
                                                        <span class="badge badge-danger">Tìm hiểu tài liệu</span>
                                                    @endif
                                                </td>
                                                @php
                                                    $h = floor(@$item->time/60/60);
                                                    $m =  floor((@$item->time/60/60 - $h)*60);
                                                    $s =  @$item->time % 60;
                                                    $time_kh = $h.' giờ '.$m.' phút '.$s.' giây';
                                                    if ($h < 1 && $m > 0) {
                                                        $time_kh = $m.' phút';
                                                    }
                                                    if ($h < 1 && $m > 0 && $s > 0) {
                                                        $time_kh = $m.' phút '.$s.' giây';
                                                    }
                                                    if ($h < 1 && $m < 1) {
                                                        $time_kh = $s.' giây';
                                                    }
                                                @endphp
                                                <td class="text-right">{{$time_kh}}</td>
                                                <td class="text-right">{{$item->created_at ? \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $item->created_at)->format('H:i:s d-m-Y'):''}}</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            Không có thống kê chat nào.
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                            <div class="tb-paginate float-md-right">
                                {{ $data->appends($_GET)->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    </script>
@endsection