@extends('layouts.admin')

@section('ext_css')
    <link rel="stylesheet" href="{{ asset('/NepaliDatepicker/nepali.datepicker.v2.2.min.css') }}"/>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
@endsection

@section('content')

    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('admin.billing.index') }}">Invoice </a></li>
            <li class="active"> Create</li>
        </ol>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissable">
            <button class="close" data-dismiss="alert"><i class="fa fa-times-circle"></i></button>
            <strong>Success !</strong>
            {!! Session::get('success') !!}
        </div>
    @elseif(session('failure'))
        <div class="alert alert-danger alert-dismissable">
            <button class="close" data-dismiss="alert"><i class="fa fa-times-circle"></i></button>
            <strong>Failed !</strong> {{ Session::get('failure') }}
        </div>
    @endif

    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"> Generate Bills ({{ $setting->billing_type == 'flat' ? 'Flat' : 'Per Hit' }})
                    <span class="pull-right"><strong class="text-danger">*</strong> Required Fields</span>
                </h3>
            </div>

            <div class="panel-body">

                @if($setting->billing_type == 'per_hit')

                    <form action="{{ route('admin.billing.generate_bill') }}" method="POST"
                          class="form-horizontal form-padding">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                            <div class="form-group">
                                <div class="col-md-4">
                                    <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">Category </label><strong
                                            class="text-danger">*</strong>
                                    <select name="category" id="category" class="form-control" required>
                                        <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}">{{$category->name}}</option>
                                        @endforeach
                                    </select>
                                    <small class="help-block text-danger">{{ $errors->first('category')}}</small>
                                </div>

                                <div class="col-md-4">
                                    <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">Sub-category </label>
                                    <select name="sub_category" id="sub_category" class="form-control" required>
                                        <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                    </select>
                                    <small class="help-block text-danger">{{ $errors->first('sub_category')}}</small>
                                </div>

                                <div class="col-md-4">
                                    <label class="control-label" for="merchant"
                                           style="margin-bottom: 10px;">Merchant</label>
                                    <select name="merchant" id="merchant" class="form-control">
                                        <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                    </select>
                                    <small class="help-block text-danger">{{ $errors->first('merchant')}}</small>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-12">
                                    <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">English
                                        Date Range</label><strong class="text-danger">*</strong>
                                    <div class="row">
                                        <div class="col-md-6 geo_filter">
                                            <input type="text" class="form-control readonly" name="eng_from_date"
                                                   value="{{old('eng_from_date')}}"
                                                   placeholder="Date From" id="engFromDate" autocomplete="off"
                                                   required/>
                                            <small class="help-block text-danger">{{ $errors->first('eng_from_date')}}</small>
                                        </div>
                                        <div class="col-md-6 geo_filter">
                                            <input type="text" class="form-control readonly" name="eng_to_date"
                                                   value="{{old('eng_to_date')}}"
                                                   placeholder="To Date" id="engToDate" autocomplete="off" required/>
                                            <small class="help-block text-danger">{{ $errors->first('eng_to_date')}}</small>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">Nepali
                                        Date Range</label><strong class="text-danger">*</strong>
                                    <div class="row">
                                        <div class="col-md-6 geo_filter">
                                            <input type="text" class="form-control readonly" name="nep_from_date"
                                                   value="{{old('nep_from_date')}}"
                                                   placeholder="Date From" id="nepFromDate" autocomplete="off"
                                                   required/>
                                            <small class="help-block text-danger">{{ $errors->first('nep_from_date')}}</small>
                                        </div>
                                        <div class="col-md-6 geo_filter">
                                            <input type="text" class="form-control readonly" name="nep_to_date"
                                                   value="{{old('nep_to_date')}}"
                                                   placeholder="To Date" id="nepToDate" autocomplete="off" required/>
                                            <small class="help-block text-danger">{{ $errors->first('nep_to_date')}}</small>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <input type="hidden" value="per_hit" name="pricing_type">

                        @csrf
                        <div class="form-group">
                            {{--<label class="col-md-3 control-label"></label>--}}
                            <div class="col-md-3" style="margin-left: 13px;">
                                <button type="submit" id="btnSubmit" class="btn btn-block btn-primary">
                                    GENERATE INVOICE
                                </button>
                            </div>
                        </div>

                    </form>

                @else

                    <form action="{{ route('admin.billing.generate_bill') }}" method="POST"
                          class="form-horizontal form-padding">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                            <div class="form-group">
                                <div class="col-md-4">
                                    <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">Category </label><strong
                                            class="text-danger">*</strong>
                                    <select name="category" id="category" class="form-control" required>
                                        <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}">{{$category->name}}</option>
                                        @endforeach
                                    </select>
                                    <small class="help-block text-danger">{{ $errors->first('category')}}</small>
                                </div>

                                <div class="col-md-4">
                                    <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">Sub
                                        Category </label>
                                    <select name="sub_category" id="sub_category" class="form-control" required>
                                        <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                    </select>
                                    <small class="help-block text-danger">{{ $errors->first('sub_category')}}</small>
                                </div>

                                <div class="col-md-4">
                                    <label class="control-label" for="merchant"
                                           style="margin-bottom: 10px;">Merchant</label>
                                    <select name="merchant" id="merchant" class="form-control">
                                        <option disabled="true" selected="true" hidden>--Select--</option>
                                    </select>
                                    <small class="help-block text-danger">{{ $errors->first('merchant')}}</small>
                                </div>
                            </div>


                            <div class="form-group">
                                @if($current_flat_pricing  && $current_flat_pricing == 1)
                                    <div class="col-md-4" id="periodic_date">
                                @else
                                    <div class="col-md-6" id="periodic_date">
                                @endif
                                    <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">Periodic
                                        Date </label><strong class="text-danger">*</strong>
                                    <select name="category" id="periodic_date" class="form-control" required>
                                        <option disabled="true" selected="true" hidden>--Select--</option>
                                        @foreach($periodic_date as $date)
                                            <option value="{{$date->id}}"
                                                    {!! ($date->id == $current_flat_pricing) ? 'SELECTED' : '' !!} hidden
                                                    disabled>{{$date->name}}</option>
                                        @endforeach
                                    </select>
                                    <small class="help-block text-danger">{{ $errors->first('name')}}</small>
                                </div>

                                @if($current_flat_pricing == 5)
                                    <div class="col-md-6">
                                        <label class="control-label" for="demo-address-input"
                                               style="margin-bottom: 10px;">Year </label><strong class="text-danger">*</strong>
                                        <select name="year" class="form-control" required>
                                            <option value="{{ date('Y') }}" selected>{{ date('Y') }}</option>
                                            	<option value='1950'>1950</option>

	<option value='1951'>1951</option>

	<option value='1952'>1952</option>

	<option value='1953'>1953</option>

	<option value='1954'>1954</option>

	<option value='1955'>1955</option>

	<option value='1956'>1956</option>

	<option value='1957'>1957</option>

	<option value='1958'>1958</option>

	<option value='1959'>1959</option>

	<option value='1960'>1960</option>

	<option value='1961'>1961</option>

	<option value='1962'>1962</option>

	<option value='1963'>1963</option>

	<option value='1964'>1964</option>

	<option value='1965'>1965</option>

	<option value='1966'>1966</option>

	<option value='1967'>1967</option>

	<option value='1968'>1968</option>

	<option value='1969'>1969</option>

	<option value='1970'>1970</option>

	<option value='1971'>1971</option>

	<option value='1972'>1972</option>

	<option value='1973'>1973</option>

	<option value='1974'>1974</option>

	<option value='1975'>1975</option>

	<option value='1976'>1976</option>

	<option value='1977'>1977</option>

	<option value='1978'>1978</option>

	<option value='1979'>1979</option>

	<option value='1980'>1980</option>

	<option value='1981'>1981</option>

	<option value='1982'>1982</option>

	<option value='1983'>1983</option>

	<option value='1984'>1984</option>

	<option value='1985'>1985</option>

	<option value='1986'>1986</option>

	<option value='1987'>1987</option>

	<option value='1988'>1988</option>

	<option value='1989'>1989</option>

	<option value='1990'>1990</option>

	<option value='1991'>1991</option>

	<option value='1992'>1992</option>

	<option value='1993'>1993</option>

	<option value='1994'>1994</option>

	<option value='1995'>1995</option>

	<option value='1996'>1996</option>

	<option value='1997'>1997</option>

	<option value='1998'>1998</option>

	<option value='1999'>1999</option>

	<option value='2000'>2000</option>

	<option value='2001'>2001</option>

	<option value='2002'>2002</option>

	<option value='2003'>2003</option>

	<option value='2004'>2004</option>

	<option value='2005'>2005</option>

	<option value='2006'>2006</option>

	<option value='2007'>2007</option>

	<option value='2008'>2008</option>

	<option value='2009'>2009</option>

	<option value='2010'>2010</option>

	<option value='2011'>2011</option>

	<option value='2012'>2012</option>

	<option value='2013'>2013</option>

	<option value='2014'>2014</option>

	<option value='2015'>2015</option>

	<option value='2016'>2016</option>

	<option value='2017'>2017</option>

	<option value='2018'>2018</option>

	<option value='2019'>2019</option>

	<option value='2020'>2020</option>

	<option value='2021'>2021</option>

	<option value='2022'>2022</option>

	<option value='2023'>2023</option>

	<option value='2024'>2024</option>

	<option value='2025'>2025</option>

                                        </select>
                                        <input type="hidden" value="yearly" name="current_periodic_date">
                                    </div>
                                @elseif($current_flat_pricing == 4)
                                    <div class="col-md-6">
                                        <label class="control-label" for="demo-address-input"
                                               style="margin-bottom: 10px;">Semi Annually </label><strong class="text-danger">*</strong>
                                        <select name="semi_annual" class="form-control" required>
                                            <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                            <option value="jan_jun">January - June</option>
                                            <option value="jul_dec">July - December</option>
                                        </select>
                                        <input type="hidden" value="semi_annually" name="current_periodic_date">
                                    </div>
                                @elseif($current_flat_pricing == 3)
                                    <div class="col-md-6">
                                        <label class="control-label" for="demo-address-input"
                                               style="margin-bottom: 10px;">Quarter </label><strong class="text-danger">*</strong>
                                        <select name="quarter" class="form-control" required>
                                            <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                            <option value="jan_mar">January - March</option>
                                            <option value="apr_jun">April - June</option>
                                            <option value="jul_sept">July - September</option>
                                            <option value="oct_dec">October - December</option>
                                        </select>
                                        <input type="hidden" value="quarterly" name="current_periodic_date">
                                    </div>
                                @elseif($current_flat_pricing == 2)
                                    <div class="col-md-6">
                                        <label class="control-label" for="demo-address-input"
                                               style="margin-bottom: 10px;">Month </label><strong class="text-danger">*</strong>
                                        <select name="month" class="form-control" required>
                                            <option disabled="true" selected="true" value="" hidden>--Select--</option>
                                            <option value="01">January</option>
                                            <option value="02">February</option>
                                            <option value="03">March</option>
                                            <option value="04">April</option>
                                            <option value="05">May</option>
                                            <option value="06">June</option>
                                            <option value="07">July</option>
                                            <option value="08">August</option>
                                            <option value="09">September</option>
                                            <option value="10">October</option>
                                            <option value="11">November</option>
                                            <option value="12">December</option>
                                        </select>
                                        <input type="hidden" value="monthly" name="current_periodic_date">
                                    </div>
                                @elseif($current_flat_pricing == 1)
                                    <div class="col-md-4">
                                        <label class="control-label" for="weekStartDate" style="margin-bottom: 10px;">
                                            Week Start Date</label><strong class="text-danger">*</strong>
                                        <input type="text" class="form-control" name="week_start_date"
                                               value="{{old('weekStartDate')}}"
                                               placeholder="Select week range" id="weekStartDate" autocomplete="off" required/>
                                        <small class="help-block text-danger">{{ $errors->first('weekStartDate')}}</small>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="control-label" for="weekEndDate" style="margin-bottom: 10px;">
                                            Week End Date</label><strong class="text-danger">*</strong>
                                        <input type="text" class="form-control readonly disabled"
                                               name="week_end_date" value="{{old('weekEndDate')}}"
                                               placeholder="Select week range" id="weekEndDate" autocomplete="off" required/>
                                        <small class="help-block text-danger">{{ $errors->first('weekEndDate')}}</small>
                                    </div>
                                        <input type="hidden" value="weekly" name="current_periodic_date">
                                @endif
                            </div>
                        </div>


                        <input type="hidden" value="flat" name="pricing_type">

                        @csrf
                        <div class="form-group">
                            {{--<label class="col-md-3 control-label"></label>--}}
                            <div class="col-md-3" style="margin-left: 13px;">
                                <button type="submit" id="btnSubmit" class="btn btn-block btn-primary">GENERATE
                                    INVOICE
                                </button>
                            </div>
                        </div>

                    </form>

                @endif

            </div>
        </div>
    </div>
@endsection

@section('ext_js')

    <script src="{{ asset('/NepaliDatepicker/nepali.datepicker.v2.2.min.js') }}"></script>

    <script>

        $(document).ready(function () {

            // Select week range
            $("#weekStartDate, #weekEndDate").datepicker({
                dateFormat: 'yy-mm-dd',
                defaultDate: "+1w",
                maxDate: 0,
                changeMonth: true,
                onSelect: function (selectedDate) {
                    var curr = new Date(selectedDate);
                    var firstday = new Date(curr.setDate(curr.getDate() - curr.getDay()));
                    var new_firstday = $.datepicker.formatDate('yy-mm-dd', firstday);
                    var lastday = new Date(curr.setDate(curr.getDate() - curr.getDay() + 6));
                    var new_lastday = $.datepicker.formatDate('yy-mm-dd', lastday);
                    $("#weekStartDate").val(new_firstday);
                    $("#weekEndDate").val(new_lastday);
                }
            });

            $("#engFromDate, #engToDate").datepicker({
                dateFormat: 'yy-mm-dd',
                defaultDate: "+1w",
                maxDate: 0,
                changeMonth: true,
                onSelect: function (selectedDate) {
                    if (this.id == 'engFromDate') {
                        var dateMin = $('#engFromDate').datepicker("getDate");
                        var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate());
                        $('#engToDate').datepicker("option", "minDate", rMin);
                        $.ajax({
                            headers: {
                                'X-CSRF-Token': $('meta[name="csrf_token"]').attr('content')
                            },
                            type: 'post',
                            url: '