@extends('layouts.app')

@section('stitle', 'Report')
@section('title', 'Goods Receiving Notes')

@section('content')
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            @if(session()->get('title') == "success")
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif (session()->get('title') == "error")
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif($errors->any())
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    @foreach ($errors->all() as $error)
                        <div class="alert-danger">{{ $error }}</div>
                    @endforeach
                </div>
            @endif
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title') @yield('stitle') </h2>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-body">
                <section id="basic-horizontal-layouts">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Create @yield('stitle')</h4>
                                </div>
                                <div class="card-body">
                                    <form class="form" name="grnForm" action="{{ route('grn.download_csv') }}" method="GET">

                                        <div class="row">
{{--                                            <div class="col-md-6 col-12" >--}}
{{--                                                <div class="form-group" id="calendar_start">--}}
{{--                                                    <label for="opening">Start Date</label>--}}
{{--                                                    <input type="date" id=start_date" class="form-control coupon_date"  name="from" value="{{old('from')}}" />--}}
{{--                                                    <span class="input-group-addon">--}}
{{--                                                   <span class="glyphicon glyphicon-calendar"></span>--}}
{{--                                                   </span>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
                                            <div class="col-md-4 col-12" >
                                                <div class="form-group" >
                                                    <label for="select_format">Select a Format</label>
                                                    <select class="select2 form-control form-control-lg" onchange="showInput(this);"   id="select_format" name="select_format" required >
                                                        <option value="" selected>{{__('messages.SelectReportFormat')}}</option>
                                                        <option   value="daily"  {{ (old('select_format') == 'daily'?'selected':'') }}  >Daily</option>
                                                        <option  value="custom" {{ (old('select_format') == 'custom'?'selected':'') }}>Custom</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-12" id="supplier">
                                                <div class="form-group">
                                                    <label for="supplier">Supplier</label>
                                                    <select class="select2 form-control form-control-lg" id="supplier" name="supplier" required>
                                                        <option value="" selected>Select a Supplier</option>
                                                            @foreach($suppliers as $supplier)
                                                                <option value="{{ $supplier->id }} "  {{ (old('supplier') == $supplier->id ?'selected':'') }}>{{$supplier->name}}</option>
                                                            @endforeach
                                                            <option value="all_suppliers" >All</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-12" id="daily" style="display: none;" >
                                                <div class="form-group">
                                                    <label for="daily_format">Today</label>
                                                    <input type="text"  class="form-control" id="daily_format" name="daily_format"  readonly  />
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-12" id="custom" style="display: none;" >
                                                <div class="form-group">
                                                    <label for="fp-multiple">Custom Range</label>
                                                    <input type="text" id="fp-multiple" class="form-control flatpickr-range" name="custom_range"  placeholder="YYYY-MM-DD to YYYY-MM-DD" />
                                                </div>
                                            </div>
                                            <div class="col-md-12 col-12 mt-2 text-right">
                                                <button type="submit" class="btn btn-primary" onclick="grnForm.action='{{ route('grn.download_csv') }}'" >Download</button>
                                                <button class="btn btn-success waves-effect waves-float waves-light mr-1" onclick="grnForm.action='{{ route('grn.filter_view_index') }}'" type="submit"  ><span  data-ii8n="Feather"></span>View</button>
                                            </div>
                                        </div>
                                    </form>
                                    {{--                                    <form class="form" action="{{ route('purchase_requisition.view') }}" method="POST">--}}
                                    {{--                                           <button class="btn btn-secondary waves-effect waves-float waves-light mr-1" type="submit" onclick="location.href={{route('purchase_requisition.filter')}}" ><span  data-ii8n="Feather"></span>View</button>--}}
                                    {{--                                    </form>--}}
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
@endsection
@push('my_scripts')
    <script>
        $('.coupon_date').pickadate({
            onStart: function() {
                console.log('Hello there :)')
            },
            formatSubmit: 'yyyy-mm-dd',
            // formatSubmit: 'yyyy/mm/dd',
            // closeOnSelect: true,
            // closeOnClear: true,
            // min: true
        });

        // $('#custom').flatpickr-multiple({
        //     minDate: "2020-01"
        // });
        if ($("#select_format").val() == "daily" ){
            document.getElementById("daily").style.display = "block";
            const d = new Date;
            var month = d.getMonth()+1;  //January is 0!
            var day = d.getDate();


            var datestring = d.getFullYear()  + "-" + (month<10 ? '0' : '') + month  + "-" + (day<10 ? '0' : '') + day; //January is 0!
            $("#daily_format").val(datestring);
            // document.getElementById("weekly").style.display = "none";
            document.getElementById("custom").style.display = "none";
            $("#fp-multiple").val('');
        }
        if($("#select_format").val()=="custom"){ // after redirect
            document.getElementById("custom").style.display = "block";
        }
        function showInput(that) {
            if (that.value == "daily") {
                // document.getElementById("daily").disabled = true;
                document.getElementById("daily").style.display = "block";
                const d = new Date;
                var month = d.getMonth()+1;  //January is 0!
                var day = d.getDate();
                var datestring = d.getFullYear()  + "-" + (month<10 ? '0' : '') + month + "-" + (day<10 ? '0' : '') + day ;
                $("#daily_format").val(datestring);
                document.getElementById("custom").style.display = "none";
                $("#fp-multiple").val('');

            } else{
                document.getElementById("daily").style.display = "none";
                $("#daily_format").val('');
                document.getElementById("custom").style.display = "block";

            }
        }
    </script>
@endpush