@extends('layouts.app')
@section('content')



<div class="dbfetch-container">
    <input id="dbfetch_csrf_token" type="hidden" value="{{ csrf_token() }}">
    <div class="container bg-white border border-3 border-dark px-4 py-2">

            <div class="row border border-1 border-dark my-2 p-3">
                <div class="col-lg-2 d-flex align-items-center">
                        
                </div>
                <div class="col-sm-12 col-md-4 col-lg-3 d-flex align-items-center">
                        <div class="form-control" >From Date: <input id="from_date" type="date" /></div>
                </div>
                <div class="col-sm-12 col-md-4 col-lg-3 d-flex align-items-center">
                        <div class=" form-control" >To Date: <input id="to_date" type="date" /></div>
                </div>
                <!-- <div class="col-sm-12 col-md-6 col-lg-4 d-flex align-items-center">
                    <div class=" form-control" style="display:flex;"  > <label style="margin-top:5px;">Select Version : </label>
                        <select id="fileversion" class="form-select" style="width:50%;">
                            <option value=""> Select</option>
                            <option value="v2"> V2</option>
                            <option value="v3"> V3</option>
                            <option value="v4"> V4</option>
                        </select>
                    </div>
                </div> -->
                <div class="col-sm-12 col-md-4 col-lg-3 d-flex align-items-center text-center">
                        <button id="exportcsv" class="btn btn-sm btn-outline-secondary">Export CSV</button>
                </div>
                <div class="col-lg-1 d-flex align-items-center">
                        
                </div>
            </div>
        <div class="row dbfetch_alert text-center alert alert-danger mb-0" style="display:none;">
            <div class="col-12">
                <span class="">No data found</span>
            </div>
        </div>
        
    </div>
</div>

<script type="text/javascript">
    
    $('#exportcsv').on('click',function(e)
    {
        $('.dbfetch_alert').hide();
        var csrf_token = $("#dbfetch_csrf_token").val();
        $.ajax({
            url: "{{ route('dbfetchDownload') }}",
            data: {
                "_token": csrf_token,
                'from_date':$('#from_date').val(),
                'to_date':$('#to_date').val(),
                'fileversion':'{{$version}}',
            },
            beforeSend: function() {
                $('#exportcsv').attr('disabled','disabled');
            },
            type:'POST',
            success: function (data) {
                $('#exportcsv').removeAttr('disabled');
                if (data.exists == true) {
                        window.location.href = "{{ route('dbfetchDownloadfile') }}"+ '/' + data.filename;
                    }
                    else {
                        $('.dbfetch_alert').show();
                        $('.dbfetch_alert').html('<span class="alert alert-danger">'+data.message+'</span>');
                    }
            },
            error: function (request, status, error) {
                console.log(error);
            }
        });
    })
</script>


@endsection