@extends('layouts.blank')

@push('stylesheets')

@endpush

@push('inline-scripts')
    @if(isset($selectedBranches))
        var selectedBranches = null;
    @else
        var selectedBranches = [];
    @endif
@endpush

@push('scripts')
    <script src="{{ asset("js/upsell.js") }}"></script>
@endpush

@section('main_container')

    <!-- page content -->
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">
            </div>
            <div class="clearfix"></div>

            {!! Form::open(array('route' => array('upsell.store'), 'class' => 'form-horizontal form-label-left', 'method' => 'POST')) !!}

            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <div class="x_panel">
                        <div class="row">
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="branch">Branch Name</label>
                                    {!! Form::select('branch[]',  [], null, array('id' => 'branch', 'class' => 'form-control' ,'multiple' => 'multiple')) !!}
                                </div>
                            </div>
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="date_from">Date From</label>
                                    {!! Form::text('dateFrom',$dateFrom,array('class' => 'form-control', 'id' => 'dateFrom')) !!}
                                </div>
                            </div>
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="date_to">Date To</label>
                                    {!! Form::text('dateTo',$dateTo,array('class' => 'form-control', 'id' => 'dateTo')) !!}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3 col-xs-12">
                                <div class="btn-group">
                                    <button type="submit" name="submit_type" value="search" class="btn btn-sm btn-success">
                                        <span class="glyphicon glyphicon-search"></span>&nbsp;Search
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Upsell Report  <strong>{{ $formattedDateFrom == $formattedDateTo ? $formattedDateFrom : $formattedDateFrom . ' - ' . $formattedDateTo }}</strong></h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li>
                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="glyphicon glyphicon-export"></i></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li>
                                            <span class="label label-default" style="display: block; border-radius: 0px;">
                                                <small>Export <span class="glyphicon glyphicon-save"></span>&nbsp;
                                                    <strong>{{ $formattedDateFrom == $formattedDateTo ? $formattedDateFrom : $formattedDateFrom . ' - ' . $formattedDateTo }}</strong>
                                                </small>
                                            </span>
                                        </li>
                                        <li>
                                            <button style="text-decoration: none;" type="submit" class="btn btn-link" value="upsellReport" name="submit_type">
                                                <small><span class="fa fa-tasks"></span>&nbsp;&nbsp;Raw Format </small>
                                            </button>
                                        </li>
                                        <li>
                                            <button style="text-decoration: none;" type="submit" class="btn btn-link" value="upsellReportBreakdown" name="submit_type">
                                                <small><span class="fa fa-sitemap"></span>&nbsp;&nbsp;Breakdown Format </small>
                                            </button>
                                        </li>
                                        <li>
                                            <button style="text-decoration: none;" type="submit" class="btn btn-link" value="upsellConsolidated" name="submit_type">
                                                <small><span class="fa fa-table"></span>&nbsp;&nbsp;Consolidated Format </small>
                                            </button>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="close-link">
                                        <i class="fa fa-close">
                                        </i>
                                    </a>
                                </li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>

                        {!! Form::close() !!}
                        <div class="x_content table-responsive">
                            <table id="datatable" class="table table-responsive table-striped jambo_table table-hover table-bordered">
                                <thead>
                                <tr>
                                    <th>Transaction Date</th>
                                    <th>Branch Name</th>
                                    <th>Doctor</th>
                                    <th>Transaction #</th>
                                    <th>Barcode</th>
                                    <th>Description</th>
                                    <th>Type</th>
                                    <th>Quantity</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($upsells as $upsell)
                                    <tr>
                                        <td>{{ $upsell->local_time }}</td>
                                        <td>{{ $upsell->branch_name }}</td>
                                        <td>{{ $upsell->doctor }}</td>
                                        <td>{{ $upsell->transaction_no }}</td>
                                        <td>{{ $upsell->barcode }}</td>
                                        <td>{{ $upsell->description }}</td>
                                        <td>{{ $upsell->item_type }}</td>
                                        <td>{{ $upsell->qty }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            {!! Paginate::show($upsells) !!}
                            {{ $upsells->appends(request()->except('page'))->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /page content -->
@endsection