@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.report.upload') }}
        </div>

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

        <div class="col-md-12">
            <div class="card card-outline-info">
                <div class="card-body">

                    <form action="" method="get" id="form-filter">
                        <div class="form-body">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="text"
                                               name="from_date"
                                               value="{{$filter['from_date']}}"
                                               id="from_date" data-toggle="datepicker-simple"
                                               class="form-control form-control-sm" placeholder="Từ ngày">
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="text"
                                               name="to_date"
                                               value="{{$filter['to_date']}}"
                                               id="to_date" data-toggle="datepicker-simple"
                                               class="form-control form-control-sm" placeholder="Tới ngày">
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <select name="type" class="form-control form-control-sm">
                                            <option value="image" {{$filter['type']=='image'?'selected="selected"':''}}>
                                                Hình hiện trạng
                                            </option>
                                            <option value="image_extra" {{$filter['type']=='image_extra'?'selected="selected"':''}}>
                                                Hình giấy tờ
                                            </option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <select class="form-control form-control-sm"
                                                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">
                                    <button type="submit"
                                            class="btn btn-danger btn-sm">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <table class="table">
                        <thead class="thead-light">
                            <tr>
                                <th class="text-left" scope="col">#</th>
                                <th class="text-left" scope="col">Mã dự án</th>
                                <th class="text-left" scope="col">Số hình</th>
                                <th class="text-left" scope="col">Địa chỉ</th>
                                <th class="text-left" scope="col">Thời gian</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($reports as $k=>$item)
                                <tr>
                                    <td class="text-left" scope="row">{{++$start}}</td>
                                    <td class="text-left">
                                        <a href="{{route('backend.products.edit',$item->product_id)}}" target="_blank">{{$item->product_id}}</a>
                                    </td>
                                    <td class="text-left">
                                        {{$item->total}}
                                    </td>
                                    <td class="text-left">
                                        {{isset($item->product)?str_replace('Thành phố','',$item->product->address):''}}
                                    </td>
                                    <td class="text-left">{{date('d/m/Y H:i:s',strtotime($item->created_at))}}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    <div class="text-center">
                        {{ $reports->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $('[data-toggle="datepicker2"]').datetimepicker({
            format: 'Y-m-d'
        });
    </script>
@stop