@extends('_front.master')

@section('header')
    @include('_front.pages.header')
@endsection

@section('footer')
    @include('_front.pages.footer')
@endsection

@section('extra_css')
    <link rel="stylesheet" href="{{asset('assets/vendor/datepickar/bootstrap-datepicker.min.css')}}">
@endsection

@section('extra_js')
    <script src="{{asset('assets/vendor/datepickar/bootstrap-datepicker.min.js')}}"></script>
    <script>
        $('#division').on('change', function (e) {
            console.log(e);

            var division_id = e.target.value;

            /* Ajax */

            $.get('/ajax-district?division_id=' + division_id, function (data) {
                /*success data*/
                $('#district').empty();
                $.each(data, function (index, districtObj) {
                    $('#district').append('<option value="' + districtObj.id + '">' + districtObj.name + '</option>')
                })
            })
        })
    </script>
@endsection

@section('main_content')
    <section class="archive-section">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">
                <form class="form-inline" method="get" action="{{ url('district-archive') }}">
                    @unless(\App\Division::all()->isEmpty())
                        <div class="col-md-4">
                            <div class="form-group">
                                <select id="division" class="form-control">
                                    <option>-----বিভাগ-----</option>
                                    @foreach(\App\Division::all() as $division)
                                        <option value="{{ $division->id }}">{{ $division->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                        </div>
                    @endunless
                    <div class="col-md-4">
                        <div class="form-group">
                            <select id="district" name="district_id" class="form-control">
                                <option>জেলা</option>
                            </select>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-success">দেখুন</button>
                </form>
            </div>
            <div class="col-md-12">
                <div class="well well-sm text-center" style="margin:10px 0;">
                    <h3>{{ $division_posts->name }} এর সব সংবাদ</h3>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($division_posts->Districts as $district)
                @foreach($district->posts()->orderBy('created_at', 'desc')->take(50)->get() as $post)