@extends('admin.layout')

@section('content')
    <div class="container-fluid" ng-controller="editScheduleController">
        <div class="row">
            <div class="col-md-12">
                <!-- DATA TABLE -->
                <div class="card">
                    <form class="form-horizontal" action="save-schedule?id={{$schedule->id}}" method="post">
                        {{ csrf_field() }}
                        <div class="card-header">
                            <strong>Sửa lịch</strong>
                        </div>
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label class=" form-control-label">Dịch vụ<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="hidden" value="{{$schedule->service_id}}" name="service_id">
                                    <p class="form-control-static">{{$schedule->service->name}}</p>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label class="form-control-label">Địa chỉ<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="text" name="address" value="{{$schedule->address}}" placeholder="Địa chỉ" class="form-control">
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label class=" form-control-label">Thời gian</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <p class="form-control-static">{{$schedule->day_working.' '.$schedule->time_start}}</p>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label class=" form-control-label">Thành tiền<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="number" name="price" value="{{$schedule->price}}" placeholder="Thành tiền" class="form-control">
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label class="form-control-label">Tasker<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <div class="input-group">
                                        <input type="hidden" name="tasker" id="tasker-id" value="{{$schedule->tasker}}">
                                        <input type="text" disabled
                                               value="{{$schedule->get_tasker ? $schedule->get_tasker->name : ''}}"
                                               id="tasker-name"
                                               placeholder="Chọn Tasker"
                                               class="form-control">
                                        <div class="input-group-btn" style="margin:0 10px">
                                            <button type="button" class="btn btn-primary"
                                                    ng-click="initMessageToTaskerSelector()">
                                                Chọn tasker
                                            </button>
                                        </div>
                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-danger" id="tasker-clear">
                                                Xoá tasker
                                            </button>
                                        </div>
                                    </div>
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif                               
                                </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="status" class="form-control">
                                        <option @if($schedule->status== \App\Models\Schedule::STATUS_PENDING) selected @endif value="0">
                                            {{\App\Models\Schedule::$status_title[\App\Models\Schedule::STATUS_PENDING]}}
                                        </option>
                                        <option @if($schedule->status== \App\Models\Schedule::STATUS_WORKING) selected @endif value="1">
                                            {{\App\Models\Schedule::$status_title[\App\Models\Schedule::STATUS_WORKING]}}
                                        </option>
                                        <option @if($schedule->status== \App\Models\Schedule::STATUS_COMPLETE) selected @endif value="2">
                                            {{\App\Models\Schedule::$status_title[\App\Models\Schedule::STATUS_COMPLETE]}}
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="email-input" class=" form-control-label">Tạo lúc</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <p class="form-control-static">{{$schedule->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>

    <div class="modal fade" id="choose-user-modal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document" style="margin: 5rem auto !important; max-width: 1500px;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticModalLabel">Chọn tasker</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <iframe src="taskers-table-component" id="select-tasker-iframe" frameborder="0" width="100%" height="600px"></iframe>
                </div>
                <div class="modal-footer" ng-init="initMessageToTaskerSelector()">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom_script')
    <script>
        jQuery(document).ready(function () {
            jQuery('#tasker-clear').click(function() {
                jQuery('#tasker-name').val('');
                jQuery('#tasker-id').val('0');
            });
        })
    </script>
@endsection