@extends('layouts.app')

@section('breadcrumb')
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-primary">@lang('Reports')</h3>
        </div>
        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active">@lang('Reports')</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <strong>@lang('Whoops!')</strong> @lang('There were some problems with your input.')<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="row">
        <div class=" col-md-12 col-lg-6">
            <div class="card">
                <div class="card-title m-b-30">Суточный анализ простоев средств связи</div>
                <div class="card-body">
                    <form action="{{ route('reports.export', ['name'=>'tickets']) }}" method="post">
                        @csrf
                        <input type="hidden" name="type" value="day">
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label class="font-weight-bold">Филиал</label>
                                {!! Form::select('filial', $filials->pluck('label', 'id'), old('filial', 0), ['class' => 'form-control']) !!}
                            </div>
                        </div>
                        <div class="font-weight-bold">Выбрать день</div>
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label for="from1">День</label>
                                <input type="text" name="from" class="form-control datetimepicker" id="from1" value="{{ old('from') }}" autocomplete="off">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Скачать</button>
                    </form>
                </div>
            </div>

            <div class="card">
                <div class="card-title m-b-30">Недельный анализ простоев средств связи по сети АО "KazTransCom" (без учёта сетей клиентов)</div>
                <div class="card-body">
                    <form action="{{ route('reports.export', ['name'=>'tickets']) }}" method="post">
                        @csrf
                        <input type="hidden" name="type" value="week_ktc">
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label class="font-weight-bold">Филиал</label>
                                {!! Form::select('filial', $filials->pluck('label', 'id'), old('filial', 0), ['class' => 'form-control']) !!}
                            </div>
                        </div>
                        <div class="font-weight-bold">Выбрать период</div>
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label for="from2">начало</label>
                                <input type="text" name="from" class="form-control datetimepicker" id="from2" value="{{ old('from') }}" autocomplete="off">
                            </div>
                            <div class="form-group col-sm-12 col-lg-6">
                                <label for="to2">конец</label>
                                <input type="text" name="to" class="form-control datetimepicker" id="to2" value="{{ old('to') }}" autocomplete="off">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Скачать</button>
                    </form>
                </div>
            </div>

            <div class="card">
                <div class="card-title m-b-30">Недельный анализ простоев средств связи только по сетям клиентов</div>
                <div class="card-body">
                    <form action="{{ route('reports.export', ['name'=>'tickets']) }}" method="post">
                        @csrf
                        <input type="hidden" name="type" value="week_another_network">
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label class="font-weight-bold">Филиал</label>
                                {!! Form::select('filial', $filials->pluck('label', 'id'), old('filial', 0), ['class' => 'form-control']) !!}
                            </div>
                        </div>
                        <div class="font-weight-bold">Выбрать период</div>
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label for="from3">начало</label>
                                <input type="text" name="from" class="form-control datetimepicker" id="from3" value="{{ old('from') }}" autocomplete="off">
                            </div>
                            <div class="form-group col-sm-12 col-lg-6">
                                <label for="to3">конец</label>
                                <input type="text" name="to" class="form-control datetimepicker" id="to3" value="{{ old('to') }}" autocomplete="off">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Скачать</button>
                    </form>
                </div>
            </div>
        </div>

        <div class=" col-md-12 col-lg-6">
            <div class="card">
                <div class="card-title m-b-30">Анализ качества работы сети телекоммуникаций по Филиалу</div>
                <div class="card-body">
                    <form action="{{ route('reports.export', ['name'=>'filial']) }}" method="post">
                        @csrf
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label class="font-weight-bold">Филиал</label>
                                {!! Form::select('filial', $filials->pluck('label', 'id'), old('filial', 0), ['class' => 'form-control']) !!}
                            </div>
                        </div>
                        <div class="font-weight-bold">Выбрать период</div>
                        <div class="form-row">
                            <div class="form-group col-sm-12 col-lg-6">
                                <label for="from4">начало</label>
                                <input type="text" name="from" class="form-control datetimepicker" id="from4" value="{{ old('from') }}" autocomplete="off">
                            </div>
                            <div class="form-group col-sm-12 col-lg-6">
                                <label for="to4">конец</label>
                                <input type="text" name="to" class="form-control datetimepicker" id="to4" value="{{ old('to') }}" autocomplete="off">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Скачать</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $(function(){
            $('.datetimepicker').datetimepicker({
                format: 'YYYY-MM-DD',
                useCurrent: false
            });

            let from2 = $('#from2');
            let to2 = $('#to2');

            from2.on("dp.change", function (e) {
                to2.data("DateTimePicker").minDate(e.date);
            });
            to2.on("dp.change", function (e) {
                from2.data("DateTimePicker").maxDate(e.date);
            });




            let from3 = $('#from3');
            let to3 = $('#to3');

            from3.on("dp.change", function (e) {
                to3.data("DateTimePicker").minDate(e.date);
            });
            to3.on("dp.change", function (e) {
                from3.data("DateTimePicker").maxDate(e.date);
            });




            let from4 = $('#from4');
            let to4 = $('#to4');

            from4.on("dp.change", function (e) {
                to4.data("DateTimePicker").minDate(e.date);
            });
            to4.on("dp.change", function (e) {
                from4.data("DateTimePicker").maxDate(e.date);
            });
        });
    </script>
@endpush