@extends('layouts.base')
@push('css')
<!-- Switchery -->
<link href="{{URL::to('vendors/switchery/dist/switchery.min.css')}}" rel="stylesheet">
<!-- Datatables -->
<link href="{{URL::to('vendors/datatables.net-bs/css/dataTables.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css')}}" rel="stylesheet">
@endpush
@section('content')

    <div class="row">
        <div class="x_panel">
            <div class="x_content">
                <form action="{{route('admin.purchases.filter')}}" method="post" id="form-filter" class="form-horizontal form-label-left input_mask">
                    <div class="row">
                        <div class='col-sm-4'>
                            <fieldset>
                                <div class="control-group">
                                    <div class="controls">
                                        <div class="col-md-11 xdisplay_inputx form-group has-feedback @if ($errors->get('date_start')) has-error @endif">
                                            <label for="date_start">Fecha Inicio</label>
                                            <input type="text" value="{{(old('date_start'))?old('date_start'):Session::get('date_start')}}" class="form-control has-feedback-left datepicker" id="date_start" name="date_start" placeholder="Fecha de Inicio" aria-describedby="inputSuccess2Status">
                                            <span class="fa fa-calendar-o form-control-feedback left" aria-hidden="true"></span>
                                            @if ($errors->get('date_start'))
                                                @foreach($errors->get('date_start') as $error)
                                                    <span class="help-block">{{$error}}</span>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                        <div class='col-sm-4'>
                            <fieldset>
                                <div class="control-group">
                                    <div class="controls">
                                        <div class="col-md-11 xdisplay_inputx form-group has-feedback @if ($errors->get('date_end')) has-error @endif">
                                            <label for="date_end">Fecha Fin</label>
                                            <input type="text" value="{{(old('date_end'))?old('date_end'):Session::get('date_end')}}" class="form-control has-feedback-left datepicker" id="date_end" name="date_end" placeholder="Fecha Fin" aria-describedby="inputSuccess2Status">
                                            <span class="fa fa-calendar-o form-control-feedback left" aria-hidden="true"></span>
                                            @if ($errors->get('date_end'))
                                                @foreach($errors->get('date_end') as $error)
                                                    <span class="help-block">{{$error}}</span>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                        <div class="col-sm-4">
                            <fieldset>
                                <div class="control-group">
                                    <div class="controls">
                                        <div class="col-md-11 xdisplay_inputx form-group @if ($errors->get('status')) has-error @endif">
                                            <label for="status">Estado</label>
                                            <select name="status" id="status" class="form-control">
                                                <option value="">Seleccione...</option>
                                                <option value="pending" @if(Session::get('status')=='pending') selected @endif>Pendiente</option>
                                                <option value="in progress" @if(Session::get('status')=='in progress') selected @endif>En Progreso</option>
                                                <option value="standby" @if(Session::get('status')=='standby') selected @endif>Standby</option>
                                                <option value="completed" @if(Session::get('status')=='completed') selected @endif>Completado</option>
                                                <option value="canceled" @if(Session::get('status')=='canceled') selected @endif>Cancelado</option>
                                            </select>
                                            @if ($errors->get('date_end'))
                                                @foreach($errors->get('date_end') as $error)
                                                    <span class="help-block">{{$error}}</span>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                    <div class="ln_solid"></div>
                    <div class="form-group">
                        <div class="col-md-5 col-sm-9 col-xs-12 col-md-offset-5">
                            <button id="filter" type="submit" class="btn btn-success"><span class="fa fa-filter"></span> Filtrar</button>
                        </div>
                    </div>
                    <input type="hidden" name="_token" value="{{csrf_token()}}">
                </form>
                <h2>Ventas</h2>
                <table id="users" class="table table-stripped table-hovered">
                    <thead>
                    <tr>
                        <th colspan="7" style="text-align: center">Ventas</th>
                    </tr>
                    <tr>
                        <th>#</th>
                        <th>Producto</th>
                        <th>Vendedor</th>
                        <th>Comprador</th>
                        <th>Estado</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>Cuota</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(Session::has('purchases') and count(Session::get('purchases'))>0)
                        @foreach(Session::get('purchases') as $purchase)
                            @foreach($purchase->detail as $detail)
                            <tr>
                                <td>{{$purchase->id}}</td>
                                <td>{{$detail->product->name}}</td>
                                <td>{{$purchase->seller->first_name}} {{$purchase->seller->last_name}}</td>
                                <td>{{$purchase->buyer->first_name}} {{$purchase->buyer->last_name}}</td>
                                <td>
                                    @if($purchase->status == 'pending')
                                        Pendiente
                                    @elseif($purchase->status == 'in progress')
                                        En proceso
                                    @elseif($purchase->status == 'standby')
                                        Parada
                                    @elseif($purchase->status == 'completed')
                                        Completada
                                    @elseif($purchase->status == 'canceled')
                                        Cancelada
                                    @endif
                                </td>
                                <td>{{$detail->product->price}}</td>
                                <td>{{$detail->qty}}</td>
                                <td>{{$purchase->fee}}</td>
                            </tr>
                            @endforeach
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@push('js')
<!-- Parsley -->
<script src="{{URL::to('vendors/parsleyjs/dist/parsley.min.js')}}"></script>
<!-- Switchery -->
<script src="{{URL::to('vendors/switchery/dist/switchery.min.js')}}"></script>
<!-- Datatables -->
<script src="{{URL::to('vendors/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.flash.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-keytable/js/dataTables.keyTable.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-scroller/js/dataTables.scroller.min.js')}}"></script>
<script src="{{URL::to('vendors/moment/min/moment.min.js')}}"></script>
<script src="{{URL::to('vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js')}}"></script>
<script>
    var transaction = {};
    var table = {};
    $(document).ready(function () {
        $('.datepicker').datetimepicker({
            format:'Y-MM-D'
        });
        table = $("#users").DataTable({
            responsive:true,
            dom: "Bfrtip",
            buttons: [
                {
                    extend: "copy",
                    className: "btn-sm"
                },
                {
                    extend: "csv",
                    className: "btn-sm"
                },
                {
                    extend: "excel",
                    className: "btn-sm"
                },
                {
                    extend: "pdfHtml5",
                    className: "btn-sm"
                },
                {
                    extend: "print",
                    className: "btn-sm"
                },
            ],
        });
    });
</script>
@endpush