@extends('admin.layout')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <!-- DATA TABLE -->
                <div class="card">
                    <form class="form-horizontal" action="{{url('badmin/save-price')}}" method="post" enctype="multipart/form-data">
                        {{ 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" 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" class="form-control">
                                        <option>Select a service..</option>
                                        @foreach($services as $service)
                                            <option 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"
                                           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 class="col-12 col-md-9">
                                    <select name="price_type" class="form-control">
                                        @php $type_title = \App\Models\Price::$type_title; @endphp
                                        @foreach($type_title as $key=>$value)
                                        <option value="{{$key}}">{{$value}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="text-input" 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" class="form-control" placeholder="Thành tiền.."/>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="combo_service" class=" form-control-label">Dịch vụ thêm</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="checkbox" name="combo_service" value="1" ng-model="combo_service"/>
                                </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 name="provinces[]" multiple class="form-control" style="height: 300px">
                                        @foreach($provinces as $province)
                                            <option @if(old('provinces') && in_array($tasker->id, old('provinces'))) selected @endif value="{{$province->id}}">
                                                {{$province->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group" ng-if="combo_service">
                                <div class="col col-md-3">
                                    <label for="service_options" class=" form-control-label">Service Options<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <select name="service_options" class="form-control">
                                        <option>Select a service..</option>
                                        @foreach($services as $service)
                                            <option value="{{$service->id}}">{{$service->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 class="col-12 col-md-9">
                                    <input type="checkbox" name="combo" value="1" ng-model="combo_price"/>
                                </div>
                            </div>
                            <div class="row form-group" ng-if="combo_price">
                                <div class="col col-md-3">
                                </div>
                                <div class="col-12 col-md-3">
                                    <input type="number" placeholder="Số lượng (>=)"  class="form-control" name="combo_number[]" />
                                </div>
                                <div class="col-12 col-md-3">
                                    <select class="form-control" name="combo_option[]" >
                                        <option value="0">Theo giá mới</option>
                                        <option value="1">Giảm giá %</option>
                                    </select>
                                </div>
                                <div class="col-12 col-md-3">
                                    <input type="number" placeholder="Giá mới hoặc % giảm" min="0"  class="form-control" name="combo_price[]" />
                                </div>
                                <div class="col-12 col-md-12 m-t-10">
                                    <button type="button" onclick="addCombo(this)" class="float-right btn btn-warning btn-sm"><span>Add combo</span></button>
                                </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>
                            <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