@extends('layouts.master')

@section('content')
<style type="text/css">
    #currency-type,
    #username,
    #username-textarea {
        display: none;
    }

    #download-error {
        color: red;
    }
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{ trans('breadcrumbs.Daily Report') }}</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-3"></div>
                <div class="col-sm-3">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render('Daily Report') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
                <h3 class="card-title">{{ trans('layout.Filter') }}</h3>
                <div class="col-md-6 card-primary card-form-1">
                    <div class="card-body">
                        <div class="form-col-1">
                            {{ Form::label('TYPE',  trans('reports.Type'))}}
                            {{ Form::select('TYPE', $type,'', ['class' => 'form-control select2','id' => 'TYPE' ,'onchange' => 'check(this.value)']) }}
                        </div>

                        <div class="form-col-1" id="currency-type">
                            {{Form::label('CURRENCY_TYPE',trans('reports.Currency Type'))}}
                            {{ Form::select('CURRENCY_TYPE', $currencyType,'', ['class' => 'form-control','id' => 'CURRENCY_TYPE']) }}
                        </div>
                        <div class="form-col-1" id="username">
                            {{ Form::label('USERNAME', trans('reports.Username')) }}
                            {{ Form::text('USERNAME','', ['id' => 'USERNAME', 'class' => 'form-control', 'placeholder' => trans('reports.Username')]) }}
                        </div>
                        <div class="form-col-1" id="username-textarea">
                            {{ Form::label('USERNAME', trans('reports.Username')) }}
                            {{ Form::textarea('USERNAME','', ['id' => 'USERNAMES', 'class' => 'form-control', 'placeholder' => trans('reports.Username'), 'cols'=>'25', 'rows'=>'5', 'maxlength'=>'100','onchange' => 'checkUsername()']) }}
                        </div>

                        <div class="form-col-1">
                            {{ Form::label('DATE_RANGE',trans('layout.Select Date Range')) }}<br>
                            <button type="button" style="width: 100%;" class="btn btn-default" id="daterange-btn">
                                <span class="daterange_span pull-left">{{ trans('layout.Select Date Range') }}</span>
                            </button>
                            <input type="hidden" name="selected_date" id="selected_date">

                        </div>

                        <br>
                        <div class="button_sec">
                            <span id="download-error">{{ $message }} </span><br>
                            <button class="btn btn-primary" onClick="post()"><span><i class="fa fa-file-excel-o"></i></span>&nbsp;{{ trans('reports.Export') }}</button>
                            <button class="btn btn-default" id="reloadPage">{{ trans('layout.Clear') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>

    </section>

</div>
@endsection
@section('javascript')
<script type="text/javascript">
    function check(val) {

        if (val == 'RAF') {
            $('#currency-type').show();
        } else {
            $('#currency-type').hide();
        }
        if (val == 'PHUD') {
            $('#username').show();
        } else {
            $('#username').hide();
        }
        if (val == 'CSR') {
            $('#username-textarea').show();
        } else {
            $('#username-textarea').hide();
        }


    }

    function checkUsername() {
        var username_list = $('#USERNAMES').val();
        $.ajax({
            type: "get",
            data: {
                usernameList: username_list
            },
            url: "{{ route('dailyReport.userExists') }}",
            success: function(msg) {
                if (msg != "") {
                    $('#error_msg').html('User Not Exists:' + msg);
                    $("#error_msg").css('display', 'block');
                    $("#error_msg").fadeOut("slow");
                    $('#colliUsername').val('');
                    result = false;
                } else {
                    result = true;
                }
            }
        });
    }

    setTimeout(function() {
        $('#download-error').fadeOut('slow');
    }, 2000);

    function post() {
        const form = document.createElement('form');
        form.method = 'post';
        form.action = "{{ route('dailyReport.download') }}";

        const hiddenField = document.createElement('input');
        hiddenField.type = 'hidden';
        hiddenField.name = '_token';
        hiddenField.value = '{{ csrf_token() }}';

        form.appendChild(hiddenField);

        const hiddenField2 = document.createElement('input');
        hiddenField2.type = 'hidden';
        hiddenField2.name = 'filter_date';
        hiddenField2.value = $("#selected_date").val();

        form.appendChild(hiddenField2);

        const hiddenField3 = document.createElement('input');
        hiddenField3.type = 'hidden';
        hiddenField3.name = 'filter_type';
        hiddenField3.value = $("#TYPE").val();

        form.appendChild(hiddenField3);

        if ($("#TYPE").val() == 'RAF') {
            const hiddenField4 = document.createElement('input');
            hiddenField4.type = 'hidden';
            hiddenField4.name = 'filter_currency_type';
            hiddenField4.value = $("#CURRENCY_TYPE").val();

            form.appendChild(hiddenField4);
        }

        if ($("#TYPE").val() == 'PHUD') {
            const hiddenField4 = document.createElement('input');
            hiddenField4.type = 'hidden';
            hiddenField4.name = 'filter_username';
            hiddenField4.value = $("#USERNAME").val();

            form.appendChild(hiddenField4);
        }

        if ($("#TYPE").val() == 'CSR') {
            const hiddenField4 = document.createElement('input');
            hiddenField4.type = 'hidden';
            hiddenField4.name = 'filter_usernames';
            hiddenField4.value = $("#USERNAMES").val();

            form.appendChild(hiddenField4);
        }
        document.body.appendChild(form);
        form.submit();
    }
</script>
@stop