@extends('backend.master')
@section('content')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.16/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.16/datatables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.16/api/fnReloadAjax.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/rowreorder/1.2.6/js/dataTables.rowReorder.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap.min.css"/>
<link data-require="jqueryui@*" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
<script data-require="jqueryui@*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<section class="content-header">
    <h1 class="text-center font-weight-600">
        Danh sách bài viết
        <a href="{{ url('/admincp/posts/create') }}" class="btn btn-success btn-sm" title="Thêm mới bài viết">
        Thêm mới
        </a>
    </h1>
    <div class="add-item text-center">
        <form id="data" method="post" enctype="multipart/form-data">
            <input type="file" style="display:inline-block" name="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
        <button type="submit" class="btn btn-success btn-sm">Import excel</button> (<a href="{{ url('/example.xls') }}">Dowload file mẫu</a>)
        </form>
    </div>
</section>
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-sm-3 form-group">
                    <label>Loại BĐS: </label>
                    <select name="cat_id" class="form-control select2 wrap">
                        <option value="" class="font-weight-600">--Tất cả--</option>
                        @if ($categories)
                        @foreach ($categories as $category)
                        <option value="{{ $category->id }}">{{ $category->title }}</option>
                        @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-sm-3 form-group">
                    <label>Tỉnh/Thành phố: </label>
                    <select name="city_id" class="form-control select2 wrap">
                        <option value="" class="font-weight-600">--Tất cả--</option>
                        @if ($cities)
                        @foreach ($cities as $city)
                        <option value="{{ $city->id }}">{{ $city->name }}</option>
                        @endforeach
                        @endif
                    </select>
                    <script type="text/javascript">
                        $("select[name=city_id]").change(function () {
                            var city_id = $("select[name=city_id]").val();
                            var request = $.ajax({
                                url: "{{ URL::to('/') }}/getDistrict/" + city_id,
                                method: "GET",
                                dataType: "html"
                            });
                            request.done(function (msg) {
                                $("select[name=district_id]").html(msg);
                                $("select[name=district_id]").select2().select2('val', "0");
                            });
                            request.fail(function (jqXHR, textStatus) {
                                $("select[name=district_id]").html('<option value="">--Tất cả--</option>');
                            });
                        });
                    </script>
                </div>
                <div class="col-sm-3 form-group">
                    <label>Quận/Huyện: </label>
                    <select name="district_id" class="form-control select2 wrap">
                        <option value="">--Tất cả--</option>
                    </select>
                </div>
                <div class="col-sm-3 form-group">
                    <label>Mức giá: </label>
                    <select name="price" class="form-control">
                        <option value="0">--Tất cả--</option>