@extends('admin.layout')

@section('content')
    <div class="container-fluid" ng-controller="editUserController">
        <div class="row">
            <div class="col-md-12">
                <!-- DATA TABLE -->
                <div class="card">
                    <form class="form-horizontal" action="save-user" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="card-header">
                            <strong>Sửa thông tin người dùng</strong>
                        </div>
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="text-input" class=" form-control-label">Username<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="text" name="name" placeholder="Username" value="{{$user->name}}" class="form-control @if($errors->has('name'))is-invalid @endif">
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="email-input" class=" form-control-label">Email<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="hidden"  name="id" value="{{$user->id}}" placeholder="Enter Email" class="form-control">
                                    <p class="form-control-static">{{$user->email}}</p>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="email-input" class=" form-control-label">Phone</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <p class="form-control-static">{{$user->phone_number}}</p>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="email-input" class=" form-control-label">Số điện thoại đã xác thực</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <select name="verified_phone" id="verified_phone" class="form-control">
                                        <option @if($user->verified_phone== \App\Helper\Constants::VERIFIED_STATUS) selected @endif value="{{\App\Helper\Constants::VERIFIED_STATUS}}">Đã xác thực</option>
                                        <option @if($user->verified_phone== \App\Helper\Constants::NOT_VERIFIED_STATUS) selected @endif value="{{\App\Helper\Constants::NOT_VERIFIED_STATUS}}">Chưa xác thực</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="password-input" class=" form-control-label">New Password</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="password" name="new_password"  placeholder="New Password" class="form-control">
                                    <small class="help-block form-text">Please enter a complex password</small>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="file-input" class=" form-control-label">Avatar</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <div class="col-3 mt-1">
                                        <img src="{{url(\App\Helper\Constants::USER_IMAGES_FOLDER_PATH . $user->avatar)}}"
                                         alt="{{$user->avatar}}"
                                         class="w-100">
                                    </div> 
                                    <input type="file"  name="avatar" class="form-control-file">
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="select" class=" form-control-label">Active</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <select name="active" id="active" class="form-control">
                                        <option @if($user->active== 1) selected @endif value="1">Active</option>
                                        <option @if($user->active== 0) selected @endif value="0">Deactive</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="email-input" class=" form-control-label">Created at</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <p class="form-control-static">{{$user->created_at}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-right">
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="fa fa-dot-circle-o"></i> Submit
                            </button>
                        </div>
                    </form>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>

        <div class="row">
            @php  $status_title = \App\Models\Schedule::$status_title;  @endphp
            <h3 class="pl-3">Lịch sử đặt lịch</h3>
            <div class="col-md-12 m-b-30">
                <div class="table-responsive table-responsive-data2">
                    <table class="table table-data2">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>service</th>
                            <th>start</th>
                            <th>day</th>
                            <th>price</th>
                            <th>user</th>
                            <th>tasker</th>
                            <th>status</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="tr-shadow" ng-repeat="schedule in schedules">
                            <td>#{<>schedule.id<>}</td>
                            <td>{<>schedule.service.name<>}</td>
                            <td>{<>schedule.time_start<>}</td>
                            <td>{<>schedule.day_working<>}</td>
                            <td>{<>schedule.price | currency : '' : 0<>}</td>
                            <td>{<>schedule.get_user.name<>}</td>
                            <td>
                                <a href="edit-tasker?id={<>schedule.get_tasker.id<>}" ng-if="schedule.get_tasker">{<>schedule.get_tasker.name<>}</a>
                            </td>
                            <td>
                                <span ng-if="schedule.status == {{\App\Models\Schedule::STATUS_PENDING}}" class="text-warning">{{$status_title[\App\Models\Schedule::STATUS_PENDING]}}</span>
                                <span ng-if="schedule.status == {{\App\Models\Schedule::STATUS_WORKING}}" class="text-info">{{$status_title[\App\Models\Schedule::STATUS_WORKING]}}</span>
                                <span ng-if="schedule.status == {{\App\Models\Schedule::STATUS_COMPLETE}}" class="status--process">{{$status_title[\App\Models\Schedule::STATUS_COMPLETE]}}</span>
                            </td>

                            <td>
                                <div class="table-data-feature">
                                    <a class="item" href="edit-schedule?id={<>schedule.id<>}" data-toggle="tooltip" data-placement="top" title="Chi tiết">
                                        <i class="zmdi zmdi-edit"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="m-b-10 m-t-10" ng-if="meta.last_page >= 0">
                        <ul class="pagination">
                            <li class="page-item {<>meta.current_page == 1 ? 'disabled' : ''<>}">
                                <button class="page-link"
                                        ng-click="$watch(params.page = params.page - 1, refresh())">Prev</button>
                            </li>
                            <li class="page-item"><span class="page-link disabled">{<>meta.current_page<>}</span></li>
                            <li class="page-item {<>meta.current_page == meta.last_page<>}">
                                <button class="page-link"
                                        ng-click="$watch(params.page = params.page + 1, refresh())">Next</button>
                            </li>
                            <li class="pull-right">
                                <span>&nbsp; Nhảy trang&nbsp;</span>
                                <input class="text-center"
                                       type="number"
                                       style="width: 40px;height: 38px" min="1"
                                       ng-model="params.page"
                                       ng-change="refresh()" /> / {<>meta.last_page<>} ({<>meta.total<>} bản ghi)
                            </li>
                        </ul>

                    </div>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>
    </div>
@endsection