@extends('admin.layout')

@section('content')
    <div class="container-fluid" >
        @php
            $status_title = \App\Models\Price::$type_title;
            $combo_title = \App\Models\Price::$combo_option_title;
            $provinces = \App\Models\Province::all();
            $selected_province = request()->get('province');
        @endphp
        <div class="row">
            <div class="col-md-12 m-b-30">
                <!-- DATA TABLE -->
                <div class="table-data__tool">
                    <div class="table-data__tool-left row">
                        <select id="province-select" class="au-input au-input--xl">
                            <option value="" @if(!$selected_province) selected @endif >Tất cả tỉnh</option>
                            @foreach($provinces as $province)
                                <option value="{{$province->id}}" @if($selected_province == $province->id) selected @endif>{{$province->name}}</option>
                            @endforeach
                        </select>

                    </div>
                    <div class="table-data__tool-right">
                        <a class="au-btn au-btn-icon au-btn--green au-btn--small" href="add-price">
                            <i class="zmdi zmdi-plus"></i>add price
                        </a>
                    </div>
                </div>
                <div class="table-responsive table-responsive-data2">
                    <table class="table table-data2">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>dịch vụ</th>
                            <th>Giá</th>
                            <th>Đơn vị</th>
                            <th>Tỉnh</th>
                            <th>Mức độ ưu tiên</th>
                            <th>Clone</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($prices as $price)
                        <tr class="tr-shadow" >
                            <td>#{{$price->id}}</td>
                            <td><strong>{{$price->name}}</strong>
                            @if($price->combo)
                            @php
                                $combos = json_decode($price->combo);
                            @endphp
                                @foreach($combos as $combo)
                                    <p>
                                        @if($combo->combo_option == \App\Models\Price::COMBO_OPTION_PERCENT_EACH_HOUR)
                                            Giảm {{$combo->combo_price}}%/{{$combo_title[$combo->combo_option]}} cho mỗi giờ sau giờ đầu tiên.
                                            Tối đa {{$combo->combo_max_value ? $combo->combo_max_value : 0}} {{$combo_title[$combo->combo_option]}}
                                        @elseif($combo->combo_option == \App\Models\Price::COMBO_OPTION_PERCENT_FOR_SCHEDULE)
                                            Đặt >= {{$combo->combo_number}} {{$combo_title[$combo->combo_option]}}
                                            giảm {{$combo->combo_price}}%
                                        @else
                                            Đặt >= {{$combo->combo_number}} {{$status_title[$price->price_type]}}
                                            @if($combo->combo_option)
                                                giảm {{$combo->combo_price}}%
                                            @else
                                                giá: {{$combo->combo_price}}/{{$status_title[$price->price_type]}}
                                            @endif
                                        @endif
                                    </p>
                                @endforeach
                            @endif
                            </td>
                            <td>{{$price->price}}</td>
                            <td>{{$status_title[$price->price_type]}}</td>
                            <td>
                                @foreach($price->provinces as $province)
                                    <p>- {{$province->name}}</p>
                                @endforeach
                            </td>
                            <td>{{$price->sort}}</td>
                            <td>
                                <button class="btn btn-link" onclick="clonePrice({{$price->id}})">Clone</button>
                            </td>
                            <td>
                                <div class="table-data-feature">
                                    <a class="item" href="edit-price?id={{$price->id}}" data-toggle="tooltip" data-placement="top" title="Edit">
                                        <i class="zmdi zmdi-edit"></i>
                                    </a>
                                    <button class="item" data-toggle="tooltip" ng-click="delete(users,$index)"  data-placement="top" title="Delete">
                                        <i class="zmdi zmdi-delete"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <div class="m-b-10 m-t-10" ng-init="number= 20" ng-if="number >= 20">
                        <ul class="pagination">
                            <li class="page-item"><button class="page-link" ng-click="changePage(0)">Prev</button></li>
                            <li class="page-item"><span class="page-link disabled">{<>page<>}</span></li>
                            <li class="page-item"><button class="page-link" ng-click="changePage(1)">Next</button></li>
                            <li class="pull-right"><span>&nbsp; Go to page&nbsp;</span><input class="text-center" type="number" style="width: 40px;height: 38px" min="1" ng-model="page" ng-change="changePage(2)" /></li>
                        </ul>

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

    </div>
    <script type="text/javascript">
        function clonePrice(id) {
            if(confirm('Bạn chắc chắn muốn clone giá này chứ?')) {
                var token = document.head.querySelector('meta[name="csrf-token"]');
                jQuery.ajax({
                    method: 'POST',
                    url: 'clone-price/' + id,
                    headers: {
                        'X-CSRF-TOKEN': token.content
                    },
                    success: function (res) {
                        location.href = 'edit-price?id=' + res.data.id;
                    },
                    error: function (e) {
                        alert('Clone thất bại');
                    }
                })
            }
        }

        document.addEventListener('DOMContentLoaded', function () {
            document.getElementById('province-select').addEventListener('change', function (event) {
                var value = event.target.value;
                location.search = value ? 'province=' + value : '';
            })
        });
    </script>
@endsection