@extends('admin.layouts.default')

{{-- Page title --}}
@section('title')
    Reports
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <link href="{{ asset('assets/css/pages/pareto.css') }}" rel="stylesheet" type="text/css"/>
@stop
{{-- Page content --}}
@section('content')
    <section class="content">
        <div class="panel panel-info">
            <section class="content-header">
                <div class="panel-heading  clearfix">
                    <h3 class="panel-title"><i class="fa fa-fw fa-th"></i> Report List</h3>
                    <span class="pull-right">
                        <a href="{{ route('admin.reports.asm.create') }}" type="button" class="btn btn-primary btn-sm" id="addButton" style="border: 1px solid #fff;">
                            Create Report
                        </a>
                    </span>
                </div>
            </section>

            <form class="report-form form-horizontal pareto-menu" action="#" id="report-form">
                <div class="col-md-4 report-filters" style="float: none;">
                    <div class="" id="hidepanel1">
                        <div class="panel-body">
                            <div class="input-block active-first-tier">

                                <div class="form-group">
                                    <label class="col-md-3 control-label">Date Range *</label>
                                    <div class="custom-datepicker-wrap input-group date input-daterange">

                                        <input class="custom-datepicker form-control" type="text" name="filter-date-from" required="required">

                                        <input class="custom-datepicker form-control" type="text" name="filter-date-to" required="required">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="filter-owner">Owner</label>

                                    <select id="filter-owner" name="filter-owner" class="form-control">
                                        <option value=""></option>
                                        @foreach($owners as $owner)
                                            <option value="{{ $owner->id }}" >{{ $owner->name }}</option>
                                        @endforeach

                                    </select>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="filter-segment-flex">Market Segment Flex</label>

                                    <select id="filter-segment-flex" name="filter-segment-flex" class="form-control">
                                        <option value=""></option>
                                        @foreach($segments_flex as $segment)
                                            <option value="{{ $segment->Segment_Code_Flex }}" >{{ $segment->Segment_Name_Flex }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="filter-region">Region</label>

                                    <select id="filter-region" name="filter-region" class="form-control">
                                        <option value=""></option>
                                        @foreach($regions as $region)
                                            <option value="{{ $region }}" >{{ $region }}</option>
                                        @endforeach

                                    </select>
                                </div>

                                <div class="form-group">
                                    <button type="submit"  id="button-lg" class="apply_reports_filters btn btn-responsive btn-primary btn-lg">
                                        REFRESH
                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </form>

            <div class="panel-body table-responsive cdp_table_with_header table_with_archive" style="overflow-x: hidden;">
                <div class="header_table_cdp_click"><p>Reports</p></div>
                <table class="table table-striped table-bordered " id="reports_list" style="width: 100%; table-layout: auto; ">
                    <thead>
                    <tr>
                        <th>Actions</th>
                        <th>Report ID</th>
                        <th>Date From</th>
                        <th>Date To</th>
                        <th>Market Segment Flex</th>
                        <th>Region</th>
                        <th>Owner</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </section>

    <div class="modal fade" id="delete_confirm" tabindex="-1" role="dialog" aria-labelledby="report_delete_confirm_title" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>

    <div class="modal fade" id="show_info" tabindex="-1" role="dialog" aria-labelledby="report_show_info_title" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}"></script>
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/js/pages/form_examples.js') }}"></script>
    <script src="{{ asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/js/pages/validation.js') }}" type="text/javascript"></script>

    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/select2/js/select2.js') }}"></script>

    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>

    <script>
        var route_list_reports_data = "{{ route('admin.reports.asm.data') }}";

        $(function () {
            $('body').on('hidden.bs.modal', '.modal', function () {
                $(this).removeData('bs.modal');
            });
        });
    </script>

    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/reports/asm_index.js') }}"></script>
@stop