@extends('admin.layout')

@section('content')
    <div class="container-fluid" ng-controller="editPriceController">
        <div class="row" ng-init="setData({{$price}})">
            <div class="col-md-12">
                <!-- DATA TABLE -->
                <div class="card">
                    <form class="form-horizontal">
                        {{ csrf_field() }}
                        <div class="card-header">
                            <strong>Nhập thông tin</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">Name<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="text" ng-model="data.name" name="name" class="form-control" placeholder="Name .."/>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="text-input" class=" form-control-label">Service<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <select name="service" ng-model="data.service_id" class="form-control">
                                        <option>Select a service..</option>
                                        @foreach($services as $service)
                                            <option ng-value="{{$service->id}}">{{$service->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="sort-input" class=" form-control-label">Sort<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="number" name="sort" class="form-control"
                                           id="sort-input"
                                           ng-model="data.sort"
                                           placeholder="Mức độ ưu tiên của giá, giá trị càng cao càng được ưu tiên"/>
                                </div>
                            </div>
                            {{--<div class="row form-group">--}}
                                {{--<div class="col col-md-3">--}}
                                    {{--<label for="text-input" class=" form-control-label">Đơn giá theo<em class="red-color">*</em></label>--}}
                                {{--</div>--}}

                            {{--</div>--}}
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="text-input" class=" form-control-label">Đơn giá<em class="red-color">*</em></label>
                                </div>
                                <div class="col-6 col-md-4">
                                    <input type="number"
                                           ng-model="data.price"
                                           class="form-control" placeholder="Thành tiền.."/>
                                </div>
                                <div class="col-1">/</div>
                                <div class="col-6 col-md-4">
                                    <select ng-model="data.price_type" class="form-control">
                                        @php $type_title = \App\Models\Price::$type_title; @endphp
                                        @foreach($type_title as $key=>$value)
                                            <option ng-value="{{$key}}">{{$value}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="provinces" class=" form-control-label">Tỉnh</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <select ng-model="data.provinces"
                                            name="provinces[]" multiple class="form-control"
                                            style="height: 300px">
                                        @foreach($provinces as $province)
                                            <option ng-value="{{$province->id}}">
                                                {{$province->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="combo_price" class=" form-control-label">Combo</label>
                                </div>
                            </div>
                            <div class="row form-group" ng-repeat="combo in data.combo">
                                <div class="col col-md-3">
                                    <div class="float-md-right">
                                        <label>&nbsp;</label>
                                        <div>
                                            <button class="btn btn-danger" ng-if="data.combo.length > 1" ng-click="spliceCombo($index)">
                                                <i class="zmdi zmdi-delete"></i>
                                            </button>
                                        </div>

                                    </div>

                                </div>
                                <div class="col-12 col-md-3">
                                    <label>Kiểu giảm giá</label>
                                    <select class="form-control" ng-model="combo.combo_option" >
                                        <option ng-value="0">Theo giá mới</option>
                                        <option ng-value="1">Giảm giá %</option>
                                        @if($price->service->source_input == \App\Models\Services::TEMPLATE_TYPE_SELECT_TIME)
                                            <option ng-value="2">Giảm giá % cho mỗi giờ sau giờ đầu (cho dịch vụ chăm sóc sức khỏe)</option>
                                            <option ng-value="3">Giảm giá % theo tổng số ca (cho dịch vụ chăm sóc sức khỏe)</option>
                                        @endif
                                    </select>
                                </div>
                                <div class="col-12 col-md-3">
                                    <label>Điều kiện</label>
                                    <input type="number" placeholder="Số lượng (>=)"  class="form-control" ng-model="combo.combo_number" />
                                </div>
                                <div class="col-12 col-md-3">
                                    <label>Giá trị</label>
                                    <input type="number" placeholder="Giá mới hoặc % giảm" min="0" ng-model="combo.combo_price" class="form-control" />
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"></div>
                                <div class="col-12 col-md-12 m-t-10">
                                    <button type="button" ng-click="addCombo()" class="float-right btn btn-warning btn-sm"><span>Add combo</span></button>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-right">
                            <button type="button" class="btn btn-primary btn-sm" ng-click="doSubmit()">
                                <i class="fa fa-dot-circle-o"></i> Submit
                            </button>
                            {{--<button type="reset" class="btn btn-danger btn-sm">--}}
                                {{--<i class="fa fa-ban"></i> Reset--}}
                            {{--</button>--}}
                        </div>
                    </form>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>

    </div>
@endsection
{{--@section('custom_script')--}}
    {{--<script type="text/javascript">--}}
        {{--function addCombo(e) {--}}
            {{--var  html = '<div class="col col-md-3 m-t-10"></div>';--}}
            {{--html+= '<div class="col-12 col-md-3 m-t-10"><input type="number" placeholder="Số lượng (>=)"  class="form-control" name="combo_number[]" /></div>';--}}
            {{--html+= '<div class="col-12 col-md-3 m-t-10"><select class="form-control" name="combo_option[]" ><option value="0">Theo giá mới</option><option value="1">Giảm giá %</option></select></div>';--}}
            {{--html+= '<div class="col-12 col-md-3 m-t-10"><input type="number" min="0" placeholder="Giá mới hoặc % giảm" class="form-control" name="combo_price[]" /></div>';--}}
            {{--jQuery(e).parent().before(html);--}}
        {{--}--}}
    {{--</script>--}}
{{--@endsection--}}