@extends('admin.layout')

@section('content')
    <div class="container-fluid" ng-controller="editTaskerServiceController">
        <div class="row" ng-init="initial( {{$tasker}}, {{$data}})">
            <div class="col-md-12">
                <div class="card">
                    <form class="form-horizontal" action="save-taskerservice" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="card-header">
                            <strong>Sửa thông tin dịch vụ tasker</strong>
                        </div>

                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label class=" form-control-label">Tên Tasker</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="hidden" value="{<>tasker.id<>}" name="taskerId">
                                    <p class="form-control-static">
                                        <span class="ml-4 text-success">[{<>tasker.tasker_role.tasker<>}]</span>
                                        <a class="text-dark font-weight-bold" href="edit-tasker?id={<>tasker.id<>}" title="Thông tin tasker {<>tasker.name<>}">{<>tasker.name<>}</a>
                                    </p>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label class=" form-control-label">Dịch vụ đã đăng ký</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <div class="table-responsive table-responsive-data2">
                                        <table class="table table-data2">
                                            <thead>
                                            <tr>
                                                <th>Tên dịch vụ</th>
                                                <th>Trạng thái</th>
                                                <th></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="tr-shadow" ng-repeat="service in tasker.service_data">
                                                <input type="hidden" name="taskerservice[]" value="{<>service.id<>}">
                                                <td>
                                                    <p class="mt-2">

                                                        <a href="edit-service?id={<>service.id<>}" title="{<>data[service.id]<>}">{<>data[service.id]<>}</a>
                                                    </p>
                                                </td>
                                                <td>
                                                    <p ng-if="service.active == 0" class="text-danger">Không duyệt</p>

                                                    <p ng-if="service.active == 1" class="text-success">Xác nhận</p>

                                                    <p ng-if="service.active == 2" class="text-black-50">Chờ duyệt</p>
                                                </td>
                                                <td>
                                                    <select ng-if="service.active == 0" name="service[]" id="{<>service.id<>}" class="form-control">
                                                        <option value="0" class="text-danger font-weight-bold" selected>
                                                            Không duyệt
                                                        </option>
                                                        <option value="1" class="text-success font-weight-bold">
                                                            Xác nhận
                                                        </option>
                                                        <option value="2" class="text-black-50 font-weight-bold">
                                                            Chờ duyệt
                                                        </option>
                                                    </select>

                                                    <select ng-if="service.active == 1" name="service[]" id="{<>service.id<>}" class="form-control">
                                                        <option value="0" class="text-danger font-weight-bold">
                                                            Không duyệt
                                                        </option>
                                                        <option value="1" class="text-success font-weight-bold" selected>
                                                            Xác nhận
                                                        </option>
                                                        <option value="2" class="text-black-50 font-weight-bold">
                                                            Chờ duyệt
                                                        </option>
                                                    </select>

                                                    <select ng-if="service.active == 2" name="service[]" id="{<>service.id<>}" class="form-control">
                                                        <option value="0" class="text-danger font-weight-bold">
                                                            Không duyệt
                                                        </option>
                                                        <option value="1" class="text-success font-weight-bold">
                                                            Xác nhận
                                                        </option>
                                                        <option value="2" class="text-black-50 font-weight-bold" selected>
                                                            Chờ duyệt
                                                        </option>
                                                    </select>

                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </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>
            </div>
        </div>
    </div>
@endsection