@extends('backend.master')
@section('title')
    রিপোর্ট
@endsection
@section('body')
    @php
        $auth = \Illuminate\Support\Facades\Auth::user();
    @endphp
    @if($auth->user_type == 4 || strpos($auth->permission, 's') !== false || strpos($auth->permission, 't') !== false || strpos($auth->permission, 'u') !== false)
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="mb-0 font-size-18">রিপোর্ট</h4>
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ route('report.index') }}">রিপোর্ট</a></li>
                            <li class="breadcrumb-item active">রিপোর্ট</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <div class="row">
            <div class="col-md-12 col-sm-12 m-auto">
                <div class="card">
                    <div class="card-body">
                        <form action="" method="POST" onsubmit="generateReport()" class="needs-validation" novalidate id="data">
                            <div class="col-md-12">
                                <div class="row">
                                    @csrf
                                    <div class="col-md-3  mr-5 col-sm-12">
                                        <div class="form-group row mb-4">
                                            <label for="report_type" class="form-label">রিপোর্ট টাইপ<span class="required">*</span></label>
                                            <select name="report_type" required class="form-control select2" id="report_type">
                                                <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                                @if($auth->user_type == 4)
                                                    <optgroup label="সকল রিপোর্ট">
                                                        <option value="0">সকল রিপোর্ট</option>
                                                    </optgroup>
                                                @endif
                                                @if($auth->user_type == 4 || strpos($auth->permission, 's') !== false || strpos($auth->permission, 't') !== false || strpos($auth->permission, 'u') !== false)
                                                    <optgroup label="অন্যান্য">
                                                        @if($auth->user_type == 4 || strpos($auth->permission, 's') !== false)
                                                            <option value="3">আবেদন ফী</option>
                                                        @endif
                                                        @if($auth->user_type == 4 || strpos($auth->permission, 'u') !== false)
                                                            <option value="4">সংযোগ বিল</option>
                                                        @endif
                                                        @if($auth->user_type == 4 || strpos($auth->permission, 't') !== false)
                                                            <option value="5">মাসিক বিল</option>
                                                        @endif
                                                    </optgroup>
                                                @endif
                                            </select>
                                            <div class="text-danger" id="report_type_alert">

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6  mr-5 col-sm-12">
                                        <div class="form-group row mb-4">
                                            <label for="from_date" class="form-label">Date <span class="required">*</span></label>
                                            <div class="input-daterange input-group" data-date-format="dd-m-yyyy"  data-date-autoclose="true"  data-provide="datepicker">
                                                <input class="form-control" name="from_date" type="text" autocomplete="off" id="from_date" placeholder="From Date" required>
                                                <input class="form-control" name="to_date" type="text" autocomplete="off" id="to_date" placeholder="To date" required>
                                            </div>
                                            <div class="text-danger" id="from_date_alert">

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

                                    <div class="col-md-3  mr-5 col-sm-12">
                                        <div class="form-group row mb-4 payment">
                                            <label for="payment_method" class="form-label">পেমেন্ট ম্যাথোড</label>
                                            <select name="payment_method" required class="form-control select2" id="payment_method">
                                                <option value="all">সকল ম্যাথোড</option>
                                                <option value="cash">ক্যাশ</option>
                                                <option value="nagad">নগদ</option>
                                                <option value="onlinePayment">অনলাইন পেমেন্ট</option>
                                                <option value="bank">ব্যাংক</option>
                                            </select>
                                        </div>
                                    </div>
                                    @if($auth->user_type == 4)
                                        <div class="col-md-3  mr-5 col-sm-12">
                                            <div class="form-group row mb-4 user">
                                                <label for="user_id" class="form-label">ইউজার</label>
                                                <select name="user_id" disabled required class="form-control select2" id="user_id">
                                                    <option value="all" selected>সকল ইউজার</option>
                                                    @foreach($users as $item)
                                                        <option value="{{ $item->id }}">{{ $item->name.' ('.$item->designation.')' }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-3 col-sm-12">
                                        <div class="form-group mt-4 row mb-4">
                                            <button type="submit" class="btn btn-dark"><i class="fas fa-search"></i> Search</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-12" id="report">

            </div>
        </div>
        <script>
            function generateReport()
            {
                event.preventDefault();
                let report_type = $("#report_type").val();
                let from_date = $("#from_date").val();
                let to_date = $("#to_date").val();
                if(report_type == null || from_date == null || to_date == null)
                {
                    if (report_type == null) {
                        $("#report_type_alert").html("রিপোর্ট টাইপ");
                    }
                    if (from_date == null) {
                        $("#from_date_alert").html('From date');
                    }
                    if (to_date == null) {
                        $("#to_date_alert").html('To date');
                    }
                    return false;
                }

                $.ajax({
                    type:"GET",
                    url:'{{ route('water.report.generate') }}',
                    data:$('#data').serialize(),
                    beforeSend: function(){
                        var div = '';
                        div += '<div class="col-md-12 text-center center">';
                        div += '<div class="spinner-grow text-success m-1" role="status"> <span class="sr-only">Loading...</span></div><div class="spinner-grow text-info m-1" role="status"><span class="sr-only">Loading...</span></div><div class="spinner-grow text-warning m-1" role="status"><span class="sr-only">Loading...</span></div>';
                        div += '</div>';
                        $('#report').empty();
                        $('#report').append(div);
                    },
                    success: function(res) {
                        if(res == 1)
                        {
                            toastr.warning('দুঃখিত! আপনার দেয়া তথ্য থেকে কোন ডাটা পাওয়া যায় নাই');
                            $('#report').empty();
                        }
                        else
                        {
                            $('#report').html(res);
                        }

                    }
                });
            }
        </script>
    @else
        @include('backend.errors.404')
    @endif
@endsection
@section('script')
    <script>
        $('#report_type, #payment_method').change(function(){
            let report_type = $("#report_type").val();
            let payment_method = $("#payment_method").val();
            if((report_type == 0 && payment_method == 'cash') || (report_type == 3 && payment_method == 'cash') || (report_type == 3 && payment_method == 'nagad') || (report_type == 3 && payment_method == 'onlinePayment') || (report_type == 4 && payment_method == 'cash') || (report_type == 4 && payment_method == 'nagad') || (report_type == 4 && payment_method == 'onlinePayment') || (report_type == 5 && payment_method == 'cash') || (report_type == 5 && payment_method == 'nagad') || (report_type == 5 && payment_method == 'bank') || (report_type == 5 && payment_method == 'onlinePayment'))
            {
                $('.user select').attr('disabled', false);
            }
            else
            {
                $('.user select').attr('disabled', true);
            }
        });
    </script>
@endsection