@extends('layouts.app')

@section('stitle', 'Report')
@section('title', 'Purchasae Requisition')

@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

{{--                @if ($errors->any())--}}
{{--                    @foreach ($errors->all() as $error)--}}
{{--                        <div class="alert-danger">{{ $error }}</div>--}}
{{--                    @endforeach--}}
{{--                @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">{{__('messages.PurchasaeRequisitionReport')}}</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">{{__('messages.CreateReport')}}</h4>
                                </div>
                                <div class="card-body">
                                    <form class="form" name="prForm"  method="POST" id="form">
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-4 col-12" >
                                                <div class="form-group" id="select_format">
                                                    <label for="select_format">{{__('messages.SelectReportFormat')}}</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':'') }}>{{__('messages.Daily')}}</option>
{{--                                                        <option value="weekly">Weekly</option>--}}
                                                        <option value="custom" {{ (old('select_format') == 'custom'?'selected':'') }}>{{__('messages.Custom')}}</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4 col-12" id="supplier"  >
                                                <div class="form-group">
                                                    <label for="supplier">{{__('messages.Supplier')}}</label>
                                                    <select class="select2 form-control form-control-lg" id="supplier" name="supplier" required>
                                                        @forelse($suppliers as $supplier)
                                                            <option value="{{$supplier->id}}   {{ (old('supplier') == $supplier->id ?'selected':'') }} ">{{$supplier->name}}</option>
                                                        @empty
                                                            <option value="">No Supplier found</option>
                                                        @endforelse
                                                            <option value="all_suppliers" >All</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4 col-12">
                                                <div class="form-group">
                                                    <label for="purchase_type_id">{{__('messages.PurchaseType')}}</label>
                                                    <select class="select2 form-control form-control-lg" id="purchase_type_id" name="purchase_type_id" required >
                                                        <option value="" selected>{{__('messages.SelectPurchaseType')}}</option>
                                                        <option value="1" {{ (old('purchase_type_id') ==  '1'?'selected':'') }}>{{__('messages.Cash')}}</option>
                                                        <option value="2" {{ (old('purchase_type_id') ==  '2'?'selected':'') }}>{{__('messages.Credit')}}</option>
                                                        <option value="3" {{ (old('purchase_type_id') ==  '3'?'selected':'') }}>{{__('messages.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">{{__('messages.Today')}}</label>
                                                    <input type="text"  class="form-control" name="daily_format"  readonly value="{{ date("Y-m-d") }}" />
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-12" id="custom" style="display: none;" >
                                                <div class="form-group">
                                                    <label for="fp-multiple">{{__('messages.CustomRange')}} ({{__('messages.FromDate')}}-{{__('messages.ToDate')}})</label>

                                                    <input type="text" id="fp-multiple" class="form-control flatpickr-range" name="custom_range"  placeholder="YYYY-MM-DD to YYYY-MM-DD" value=" {{ old('custom_range') }}" />
                                                </div>
                                            </div>
                                            <div class="col-md-12 col-12 mt-2 text-right">
                                                <button type="submit" class="btn btn-primary" onclick="prForm.action='{{ route('purchase_requisition.download_csv') }}'";>{{__('messages.Download')}}</button>
                                                <button class="btn btn-success waves-effect waves-float waves-light mr-1 view"  onclick="prForm.action='{{ route('purchase_requisition.filter_view_index') }}'"; type="submit" ><span  data-ii8n="Feather"></span>{{__('messages.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>
        // $('#custom').flatpickr-multiple({
        //     minDate: "2020-01"
        // });
        // 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";
                // document.getElementById("weekly").style.display = "none";
                document.getElementById("custom").style.display = "none";

            } else if(that.value == "weekly"){
                document.getElementById("daily").style.display = "none";
                // document.getElementById("weekly").style.display = "block";
                document.getElementById("custom").style.display = "none";
            } else{
                document.getElementById("daily").style.display = "none";
                // document.getElementById("weekly").style.display = "none";
                document.getElementById("custom").style.display = "block";
            }
        }
    </script>

@endpush