@extends('layouts.main')

@push('styles')
<link href="{{ asset('/elite/bower_components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet"
    type="text/css" />
<link href="{{ asset('elite/tables/css/buttons.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
<div class="row bg-title">
    <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
        <h4 class="page-title">{{ __('finance.budgets') }}</h4>
    </div>
    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}"><i class="fa fa-home"></i> Home</a></li>
            <li><a href="{{ route('finance') }}"><i class="fa fa-money"></i> Finance Home</a></li>
            <li><a href="{{ route('budgets.index') }}"><i class="fa fa-book"></i> {{ __('budgets.budgets') }}</a></li>
            <li class="active"><i class="fa fa-undo"></i> Inactive Budgets </li>
        </ol>
    </div>
</div>

{{-- @include('budgets::budgets.menu') --}}

<div class="white-box">
    {{ Form::open(['route' => 'budgets.search']) }}
    <div class="row">
        <div class="col-md-3">
            <div class="form-group">
                {{ Form::label('created_by', "Staff member") }}
                {{ Form::select('created_by', $created_by, null, ['class' => 'form-control compulsory','required']) }}
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                {{ Form::label('date_range', "Select the date") }}
                <div class="input-group">
                    <select class="form-control compulsory required" id="dates" name="dates" required>
                        <option value="ALL">ALL DATES</option>
                        <option value="today">TODAY</option>
                        <option value="yesterday">YESTERDAY</option>
                        <option value="week">LAST 7 DAYS</option>
                        <option value="month">LAST 30 DAYS</option>
                        <option value="custom-date">CUSTOM DAY</option>
                        <option value="custom-range">DATE RANGE</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-3" style="display: none;" id="start-date-div">
            <div class="form-group">
                {{ Form::label('start_date', "Date From") }}
                <div class="input-group">
                    {{ Form::text('start_date','',['class' => 'form-control compulsory',
                    'required','readonly','id'=>'datepicker-from']) }}
                    <span class="input-group-addon"><i class="icon-calender"></i></span>
                </div>
            </div>
        </div>
        <div class="col-md-3" style="display: none;" id="end-date-div">
            <div class="form-group">
                {{ Form::label('end_date', "Date To") }}
                <div class="input-group">
                    {{ Form::text('end_date','',['class' => 'form-control compulsory',
                    'required','readonly','id'=>'datepicker-to']) }}
                    <span class="input-group-addon"><i class="icon-calender"></i></span>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-11"></div>
            <div class="col-md-1">
                {{ Form::button("Search", ['type'=>'submit','style'=>"border-radius: 5px;", 'class'=>'btn btn-success
                waves-effect waves-light m-r-10'])
                }}
            </div>
        </div>

    </div>
    {{ Form::close() }}
    @include('flash::message')

    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                {{-- <p class="text-muted m-b-30">{{ __('finance.export_data_to_copy_csv_pdf_print') }}</p> --}}
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Budget Breakdown</th>
                                <th>Period</th>
                                <th>Created By</th>
                                <th>Date & Time Created</th>
                                <th>Actions</th>
                            </tr>
                        </thead>

                        <tbody>
                            @if(count($budgets) > 0)
                            @foreach($budgets as $budget)
                            @php
                            $period = "N/A";
                            $period_count = $budget->period_count;
                            $period_start = $budget->period_start;
                            $period_range = "N/A";

                            switch ($budget->period) {
                            case 'months':
                            $period = "Months";

                            $period_months = getMonthsList();
                            if (isset($period_months[$period_start]) && isset($period_months[$period_start +
                            $period_count])) {
                            $period_range = $period_months[$period_start] . " - " . $period_months[$period_start +
                            $period_count];
                            }
                            break;

                            case 'quarters':
                            $period = "Quarters";

                            $period_quarters = array("First", "Second", "Third", "Fourth");
                            if (isset($period_quarters[$period_start]) && isset($period_quarters[$period_start +
                            $period_count])) {
                            $period_range = $period_quarters[$period_start] . " - " . $period_quarters[$period_start +
                            $period_count];
                            }
                            break;

                            case 'years':
                            $period = "Years";

                            if (is_numeric($period_start)) {
                            $period_range = $period_start . " - " . ($period_start + $period_count);
                            }
                            break;

                            default:
                            break;
                            }
                            @endphp
                            <tr>
                                <td>{{ $budget->name }}</td>
                                <td>{{ ucfirst($budget->period) }}</td>
                                <td>{{ $period_range }}</td>
                                <td>{{ get_full_name($budget->created_by, 'id', 'first_name', 'last_name', 'users') }}
                                </td>
                                <td>{{ streamline_date_time_short($budget->created_at) }}</td>

                                <td>
                                    @if( Auth::user()->can('budget-delete'))
                                    {{ Form::model($budget->id ,['method' => 'POST', 'route' => ['budgets.activate',
                                    $budget->id]]) }}
                                    <button type="submit" class="btn btn-sm btn-warning btn-rounded"
                                        onclick="return confirm('Are you sure you want to activate this budget?')"><i
                                            class="fa fa-check"></i> {{ __('budgets.activate') }}</button>
                                    {{ Form::close() }}
                                    @endif

                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>

                        <tfoot>
                            <tr>
                                <th>Name</th>
                                <th>Budget Breakdown</th>
                                <th>Period</th>
                                <th>Created By</th>
                                <th>Date & Time Created</th>
                                <th>Actions</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('elite/bower_components/datatables/jquery.dataTables.min.js') }}"></script>

<script src="{{ asset('elite/tables/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/jszip.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/pdfmake.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/vfs_fonts.js') }}"></script>
<script src="{{ asset('elite/tables/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/buttons.print.min.js') }}"></script>

<script>
    $('.table').DataTable({
        responsive: true,
        order: []
    });

    function show(id) {
        if (document.getElementById(id).style.display === 'none') {
            document.getElementById(id).style.display = '';
        }
    }

    function hide(id) {
        document.getElementById(id).style.display = 'none';
    }
</script>

<script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>

<script type="text/javascript">
    $('#datepicker-from, #datepicker-to').datepicker({
        autoclose: true,
        todayHighlight: true,
        format: 'dd-mm-yyyy',
    });

    $('#dates').change(function() {
        var val = $(this).val();
        switch (val) {
            case 'custom-date':
                $('#end-date-div').hide();
                $('#start-date-div').show();
                break;
            case 'custom-range':
                $('#end-date-div').show();
                $('#start-date-div').show();
                break;
            default:
                $('#end-date-div').hide();
                $('#start-date-div').hide();
                break;
        }
    });
</script>
@endpush