@extends('dashboard.layouts.index')
@section('page_title')
    @lang('global.showemployee')
@stop


@section('breadcrumb')
    <div class="breadcrumb-item">
        <a href="{{route("dashboard.users.user.index")}}"> @lang('global.employee')</a>
    </div>
    <div class="breadcrumb-item">
        @lang('global.showemployee')
    </div>
@stop

@section('content')

    <div class="row">
        <br>
        <div class="col-12 col-md-12 col-lg-5">
            <div class="card profile-widget">
                <div class="profile-widget-header">
                    <img alt="image"
                         src="{{is_null($model->avatar) ? asset("assets/img/avatar/avatar-5.png") : $model->avatar}}"
                         class="rounded-circle profile-widget-picture">
                    <div class="profile-widget-items">
                        {{-- <div class="profile-widget-item">
                            <div class="profile-widget-item-label">@lang("global.orders")</div>
                            <div class="profile-widget-item-value">{{$model->orders}}</div>
                        </div> --}}
                    </div>
                </div>
                <div class="profile-widget-description">
                    <div class="profile-widget-name">{{$model->name}}
                        <div class="text-muted d-inline font-weight-normal">
                            <div class="slash"></div>
                            {{$model->company_name}}
                        </div>
                    </div>
                    <address>
                        @lang("global.email") : {{$model->email}}<br>
                        @lang("global.phone_number") : {{$model->phone_number}}<br>
                        <br>
                        <strong>@lang("global.user_address")</strong><br>
                        @if($model->userAddressOne)
                            @lang("global.city") : {{$model->userAddressOne->city}}<br>
                            @lang("global.area") : {{$model->userAddressOne->area}}<br>
                            @lang("global.street") : {{$model->userAddressOne->street}}<br>
                            @lang("global.building_name") : {{$model->userAddressOne->building_name}}<br>
                            @lang("global.building_number") : {{$model->userAddressOne->building_number}}<br>
                        @else
                            @lang("global.user_not_set_address")
                        @endif
                    </address>
                </div>
                <div class="card-footer text-center">
                    <div class="font-weight-bold mb-2"></div>

                </div>
            </div>
        </div>


        <div class="col-md-7">
            <div class="card">
                <div class="card-header">
                    <h4>@lang("global.user_devices")</h4>
                    <div class="card-header-action">
                        {{--                            <a href="#" class="btn btn-danger">View More <i class="fas fa-chevron-right"></i></a>--}}
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive table-invoice">
                        <table class="table table-striped">
                            <tbody>
                            <tr>
                                <th>@lang("global.token")</th>
                                <th>@lang("global.ip")</th>
                                <th>@lang("global.platform")</th>
                                <th>@lang("global.local")</th>
                                <th>@lang("global.action")</th>
                            </tr>
                            @foreach($model->deviceToken as $token)
                                <tr>
                                    <td>{{Str::limit($token->token,1)}}</td>
                                    <td>{{$token->ip}}</td>
                                    <td>{{$token->platform}}</td>
                                    <td>{{$token->locale}}</td>
                                    <td>
                                        <a href="#!"
                                           onclick="forModal( '{{route('dashboard.device.show' , $token->id)}}' , ' {{__('global.send_notification')}} ' )"
                                           id="btn-create" class="btn btn-primary">
                                            @lang('global.send')
                                        </a>
                                    </td>
                                </tr>
                            @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>

    {{-- <div class="row">
        <div class="col-7">
            <div class="card">
                <div class="card-header">
                    <h4>@lang("global.user_orders")</h4>
                    <div class="card-header-action">

                    </div>
                </div>
                <div class="card-body p-4">
                    <div class="table-responsive">
                        <table class="table table-striped" id="table-orders">
                            <thead>
                            <tr>
                                <th class="text-center">
                                    <i class="fas fa-th"></i>
                                </th>
                                <th>@lang("global.status")</th>
                                <th>@lang("global.total_price")</th>
                                <th>@lang("global.rate")</th>
                                <th>@lang("global.created_at")</th>
                                <th>@lang("global.action")</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>


    </div> --}}



@stop

@push('js')
    <script>
        $(function () {
            var table = $("#table-orders").DataTable({
                oLanguage: {
                    "sSearch": "@lang('global.search')",
                    "sLengthMenu": "@lang('global.show') _MENU_ @lang('global.record')",
                    "sZeroRecords": "@lang('global.zero_records')",
                    "sInfo": "@lang('global.showing')  _START_ @lang('global.to') _END_ @lang('global.of') _TOTAL_ @lang('global.entries')",
                    'sInfoEmpty': "@lang('global.zero_pages')",
                    "sProcessing": "@lang('global.processing')",
                    oPaginate: {
                        "sFirst": "@lang('global.first')",
                        "sLast": "@lang('global.last')",
                        "sNext": "@lang('global.next')",
                        "sPrevious": "@lang('global.previous')"
                    },
                },
                'sDom': '"top"i',
                processing: true,
               serverSide: false,
                autoWidth: false,
                ajax: '',
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'status', name: 'status'},
                    {data: 'total_price', name: 'total_price'},
                    {data: 'rate', name: 'rate'},
                    {data: 'created_at', name: 'created_at'},
                    {data: 'actions', name: 'actions'},
                ],
                initComplete: function () {
                    // Button bloacked
                    $("table").on("click", "#dt-btn-action", function () {
                        var action_id = $(this).attr("data-actionId");
                        let url = $(this).data("url");
                        $.ajax({
                            url: url,
                            method: "POST",
                            success: function () {
                                table.ajax.reload(null, false);
                            }
                        })
                    });
                    //End Button bloacked

                }
            });
            App.reloadTable = function () {
                table.ajax.reload();
            }

        });


    </script>
@endpush