@extends('backend.layouts.main')

@section('content')

    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{$subtitle}}</h3>
        </div>
        <div class="col-md-7 align-self-center">
            {{ Breadcrumbs::render('backend.products.merge.index') }}
        </div>

        <div class="col-md-12">
            <div class="card card-outline-info">
                <div class="card-body">
                    @if(auth()->guard('backend')->user()->can('products.add'))
                        <div class="row">
                            <div class="col-md-2 pull-right">
                                <a href="{{Route('backend.products.add')}}"
                                   class="btn waves-effect waves-light btn-block btn-info">
                                    <i class="fa fa-plus"></i>&nbsp;&nbsp;Thêm dự án mới
                                </a>
                            </div>
                        </div>
                    @endif

                    <form action="" method="get" id="form-filter">
                        <div class="form-body">
                            <div class="row p-t-20">

                                <div class="col-md-12">
                                    @include('backend.partials.msg')
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label" for="province_id">Tỉnh/TP</label>
                                        <select class="form-control select_province select2 form-control-sm"
                                                style="width: 100%; height:36px;" name="province_id">
                                            <option value="">Tất cả</option>
                                            @foreach($provinces as $province)
                                                <option value="{{$province->id}}"
                                                        {!! request('province_id')==$province->id?'selected="selected"':'' !!}
                                                >{{$province->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label" for="district_id">Quận/Huyện</label>
                                        <select class="form-control  select_district select2" name="district_id">
                                            <option value="">Tất cả</option>
                                            @foreach($districts as $districts)
                                                <option value="{{$districts->id}}"
                                                        {!! request('district_id')==$districts->id?'selected="selected"':'' !!}>{{$districts->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label" for="ward_id">Phường/Xã</label>
                                        <select class="form-control select_ward select2" name="ward_id">
                                            <option value="">Tất cả</option>
                                            @foreach($wards as $ward)
                                                <option value="{{$ward->id}}"
                                                        {!! request('ward_id')==$ward->id?'selected="selected"':'' !!}>{{$ward->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label" for="street_id">Tên đường</label>
                                        <select class="form-control select_street select2" name="street_id">
                                            <option value="">Tất cả</option>
                                            @foreach($streets as $street)
                                                <option value="{{$street->id}}"
                                                        {!! request('street_id')==$street->id?'selected="selected"':'' !!}>{{$street->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="control-label" for="home_number">Số nhà</label>
                                        <input type="text"
                                               name="home_number"
                                               value="{{request('home_number')}}"
                                               id="home_number"
                                               class="form-control" placeholder="Số nhà">
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="control-label">Hiện trạng</label>
                                        <select class="form-control"
                                                name="status">
                                            <option value="">Tất cả</option>
                                            @foreach($status as $st)
                                                <option value="{{$st['id']}}"
                                                        {!! request('status')==$st['id']?'selected="selected"':'' !!}>{{$st['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="control-label">Trạng thái</label>
                                        <select class="form-control"
                                                name="status_censorship">
                                            <option value="">Tất cả</option>
                                            @foreach($censorship as $st)
                                                @if($st['id']==1)
                                                    @php continue; @endphp
                                                @endif;
                                                <option value="{{$st['id']}}"
                                                        {!! request('status_censorship')==$st['id']?'selected="selected"':'' !!}>{{$st['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="control-label">Số record</label>
                                        <select class="form-control"
                                                name="limit">
                                            @foreach($_limits as $st)
                                                <option value="{{$st}}"
                                                        {!! $filter['limit']==$st?'selected="selected"':'' !!}>{{number_format($st)}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <label class="control-label">&nbsp;</label>
                                    <div class="btn-group" role="group" style="display: inherit">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fa fa-search"></i>Tìm
                                        </button>

                                        <a title="Clear search"
                                           href="{{Route('backend.products.index')}}"
                                           class="btn btn-danger">
                                            <i class="fa fa-close"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">
                        <table class="table color-table muted-table table-striped" id="grid_table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th style="width: 20px;"><input type="checkbox" class="checkbox-basic check-all">
                                    </th>
                                    <th>MS</th>
                                    <th>Số nhà</th>
                                    <th>Tên đường</th>
                                    <th>Phường/Xã</th>
                                    <th>Quận/Huyện</th>
                                    <th>Tỉnh/TP</th>
                                    <th>Ghi chú</th>
                                    <th>Ngang</th>
                                    <th>Dài</th>
                                    <th>DT</th>
                                    <th>Kết cấu</th>
                                    <th>Hướng</th>
                                    <th>Giá</th>
                                    <th>Giá m<sup>2</sup></th>
                                    <th>Hiện trạng</th>
                                    <th>Trạng thái</th>
                                    <th>Ngày tạo</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($products as $key => $product)
                                    <tr>
                                        <td>{{++$start}}</td>
                                        <td>
                                            <input type="checkbox" name="ids[]" value="{{$product->id}}" id="{{$product->id}}" class="checkbox-basic check-all-child">
                                        </td>

                                        <td>
                                            @if($_type=='callback')
                                                <a href="{{route('backend.products.callback.edit',[$product->id])}}">{{number_format($product->id)}}</a>
                                            @elseif($_type=='owned')
                                                @if(auth()->guard('backend')->user()->can('products.owned.edit'))
                                                    <a href="{{route('backend.products.owned.edit',[$product->id])}}">{{number_format($product->id)}}</a>
                                                @endif
                                            @else
                                                @if(auth()->guard('backend')->user()->can('products.edit'))
                                                    <a href="{{route('backend.products.edit',[$product->id])}}">{{number_format($product->id)}}</a>
                                                @else
                                                    {{number_format($product->id)}}
                                                @endif
                                            @endif
                                        </td>

                                        <td>
                                            @if(auth()->guard('backend')->user()->account_position==\App\Models\CoreUsers::ACCOUNT_POSITION_SECRETARY&&$_type=='callback')
                                                <a href="javascript:;" data-id="{{$product->id}}" class="show_modal_note">{{$product->home_number?$product->home_number:'n/a'}}</a>
                                            @else
                                                {{$product->home_number?$product->home_number:'n/a'}}
                                            @endif
                                        </td>

                                        <td>{{isset($product->street_name)?$product->street_name:'n/a'}}</td>
                                        <td>{{isset($product->ward_name)?str_replace('Phường','P.', $product->ward_name):'n/a'}}</td>
                                        <td>{{isset($product->district_name)?str_replace('Quận','Q.', $product->district_name):'n/a'}}</td>
                                        <td>{{isset($product->province_name)?str_replace('Thành phố','TP.',$product->province_name):'n/a'}}</td>

                                        <td style="text-align: center">
                                            <a href="javascript:;" class="get_note" data-id="{{$product->id}}"><strong style="color: red">...</strong></a>
                                        </td>

                                        <td>{{(float)$product->horizontal}}</td>
                                        <td>{{(float)$product->vertical}}</td>
                                        <td>{{(float)$product->area}}</td>

                                        <td>

                                        </td>

                                        <td>
                                            @foreach($home_direction as $st)
                                                @if($st['id']==$product->home_direction)
                                                    {{$st['name']}}
                                                    @break
                                                @endif
                                            @endforeach
                                        </td>
                                        <td>{{$product->price.' '}}</td>
                                        <td>{{number_format($product->price_per_square_meters)}}</td>
                                        <td>
                                            @foreach($status as $st)
                                                @if($st['id']==$product->status)
                                                    {{$st['name']}}
                                                    @break
                                                @endif
                                            @endforeach
                                        </td>
                                        <td>
                                            @foreach($censorship as $st)
                                                @if($st['id']==$product->status_censorship)
                                                    {{$st['name']}}
                                                    @break
                                                @endif
                                            @endforeach
                                        </td>
                                        <td>{{date('H:i d/m/y',strtotime($product->created_at))}}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="19">-</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div style="margin-top: 10px">
                        <label> Chọn tất cả <input type="checkbox" class="checkbox-basic check-all"></label>

                        <button type="button" class="btn waves-effect waves-light btn-xs btn-primary"
                                id="callback_request">
                            Yêu cầu gọi lại
                        </button>

                        <button type="button" class="btn waves-effect waves-light btn-xs btn-info"
                                id="merge_btn">Gộp dự án
                        </button>

                    </div>

                    {{--pagination--}}
                    <br>
                    <div class="text-center">
                        {{ $products->links() }}
                    </div>

                </div>
            </div>
        </div>
    </div>
    @include('backend.products.callbackRequest')
    @include('backend.products.noteModal')
    @include('backend.products.noteModalTemplate')
    @include('backend.products.viewNoteModal')
    @include('backend.products.modal.merge')
@endsection

@section('style_top')
    <link href="{{ asset('/storage/backend/assets/plugins/bootstrap-select/bootstrap-select.min.css')}}" rel="stylesheet" type="text/css"/>

    <style>
        .select2 {
            width: 100% !important;
            height: 36px !important;
        }

        .checkbox-basic {
            position: initial !important;
            left: initial !important;
            opacity: 1 !important;
        }

        @media (min-width: 576px) {
            #note-modal .modal-dialog {
                max-width: 1000px;
                margin: 1.75rem auto;
            }
        }
    </style>
@stop

@section('script')

    <script src="{{ asset('/storage/backend/assets/plugins/dropzone-master/dist/dropzone.js')}}" type="text/javascript"></script>

    <script src="{{ asset('/storage/backend/assets/plugins/bootstrap-select/bootstrap-select.min.js')}}" type="text/javascript"></script>

    <script src="{{ asset('/storage/backend')}}/js/merge.js"></script>

    <script>

        new SelectLocation('#form-filter ');

        $('#callback_request').click(function () {
            var x = getChecked();
            if (!x)
                return;

            $('#callbackRequest-modal').modal('show');
        });

        $('#un_approved_btn').click(function () {
            var x = getChecked();
            if (!x)
                return;
            var r = confirm("Hủy duyệt các dự án đã chọn?");
            if (r == true) {
                $.ajax({
                    url: '{{route('backend.products.ajax.un_approved')}}',
                    type: 'post',
                    data: {product_ids: val, _token: '{{csrf_token()}}'},
                    success: function (data) {
                        alert('Hủy duyệt thành công!');
                        window.location.reload();
                    }
                });
            }
        });

        $('#delete_btn').click(function () {
            var x = getChecked();
            if (!x)
                return;
            var r = confirm("Xóa các dự án đã chọn?");
            if (r == true) {
                $.ajax({
                    url: '{{route('backend.products.ajax.delete')}}',
                    type: 'post',
                    data: {product_ids: val, _token: '{{csrf_token()}}'},
                    success: function (data) {
                        alert('Đã xóa thành công!');
                        window.location.reload();
                    }
                });
            }
        });

        $('#approved_btn').click(function () {
            var x = getChecked();
            if (!x)
                return;
            var r = confirm("Duyệt các dự án đã chọn?");
            if (r == true) {
                $.ajax({
                    url: '{{route('backend.products.ajax.approved')}}',
                    type: 'post',
                    data: {product_ids: val, _token: '{{csrf_token()}}'},
                    success: function (data) {
                        alert('Duyệt thành công!');
                        window.location.reload();
                    }
                });
            }
        });

        $('.user_id').select2({
            minimumInputLength: 4,
            ajax: {
                url: '{{route('backend.ajax.searchUser')}}',
                dataType: 'json',
                method: 'POST',
                data: function (params) {
                    return {
                        q: $.trim(params.term),
                        t: 'callback',
                        _token: '{{csrf_token()}}'
                    };
                },
                processResults: function (data) {
                    return {
                        results: data
                    };
                },
                cache: true
            }
        });

        function callbackRequest() {
            var x = getChecked();
            if (!x)
                return;

            var user_id = $('.user_id').val();
            if (user_id == '' || user_id == null) {
                return alert('Vui lòng chọn thư ký!');
            }

            $.ajax({
                url: '{{route('backend.products.callback-request')}}',
                type: 'post',
                data: {product_ids: val, user_id: user_id, _token: '{{csrf_token()}}'},
                success: function (data) {
                    if (data.e == 0) {
                        $('#callbackRequest-modal').modal('hide');
                        alert('Đã gửi yêu cầu gọi lại!');
                    } else {
                        alert(data.r);
                    }
                }
            });
        }

        $('a.get_note').click(function () {
            var product_id = $(this).data('id');
            $.ajax({
                url: '{{route('backend.products.ajax.getNote')}}',
                type: 'get',
                data: {product_id: product_id},
                success: function (data) {
                    if (data.e == 0) {
                        $('#view-note-modal .modal-content').html(data.r);
                        $('#view-note-modal').modal('show');
                    } else {
                        alert(data.r);
                    }
                }
            });
        });

        $('.show_modal_note').click(function () {
            var product_id = $(this).data('id');
            var src = '{{config('app.url')}}/admin/products/callback/edit/' + product_id + '?iframe=true';
            $('#note-modal .modal-body iframe').attr('src', src).show();
            $('#note-modal .product_id').html(product_id);
            $('#note-modal').modal('show');
        })

        $('#note-modal').on('hidden.bs.modal', function () {
            $('#note-modal .modal-body iframe').attr('src', '').hide();
        })

        //post messages
        window.addEventListener("message", receiveMessage, false);

        function receiveMessage(event) {
            if (event.origin !== BASE_URL)
                return;

            console.log(event);
            if (event.data == 'reload') {
                $('#note-modal').modal('hide');
                window.location.reload();
            }
        }

        function addNote() {
            var process = false;
            var form = $('.form_add_note');
            var url = form.attr('action');

            // console.log(form.find('.note-land-content').val());
            //
            // if (form.find('.note-land-content').val() == '') {
            //     alert('Vui lòng nhập nội dung ghi chú!')
            //     return;
            // }
            //
            // return;
            if (process)
                return;

            process = true;
            $.ajax({
                type: "POST",
                url: url,
                data: form.serialize(),
                success: function (data) {
                    if (data.e == 0) {
                        $('#view-note-modal .modal-content').html(data.r);
                    } else {
                        alert(data.r);
                    }
                    process = false;
                }
            });
        }
    </script>
@stop