@extends('layouts.app')

@section('content')

    <div class="notika-status-area">
        <div class="container">
                    
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="breadcomb-list">
                        <div class="row">

                            <div class="col-12">
                                @include('layouts.alertas')
                            </div>
                            
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="breadcomb-wp">
                                    <div class="breadcomb-icon">
                                        <i class="fas fa-shopping-cart"></i>
                                    </div>
                                    <div class="breadcomb-ctn">
                                        <h2>Reportes Estado de Cuenta</h2>
                                        <p> </span></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-3">
                                <!--
                                <div class="breadcomb-report">
                                    <button data-toggle="tooltip" data-placement="left" title="" class="btn waves-effect" data-original-title="Informe General" onclick="window.open('{{ url('/reportes/inventario') }}', '_blank')">
                                        <i class="notika-icon notika-print"></i>
                                    </button>
                                    <button data-toggle="tooltip" data-placement="left" title="" class="btn waves-effect" data-original-title="Descargar informe">
                                        <i class="notika-icon notika-sent"></i>
                                    </button>
                                </div>
                                -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="breadcomb-area">
        <div class="container">

            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-example-wrap mg-t-30">
                        <div class="cmp-tb-hd cmp-int-hd">
                            <h2>Reportes de estado de cuenta por Clientes</h2>
                        </div>
                        <div class="row">
                        <form class="form-horizontal" action="{{ url('reportes/cobro/estado-cuenta')}}" method="POST">
                            @csrf
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <label for="">Seleccione el cliente</label>
                                <div class="form-group ic-cmp-int">
                                    <div class="nk-int-st">                                   
                                        <select class="select_product_search selectpicker" name="cliente" data-live-search="true">
                                            <option value="">Seleccione el cliente</option>
                                            @foreach ($clientes as $value)
                                                <option value="{{ $value->id }}">{{ $value->nombre }}</option> 
                                            @endforeach
                                        </select>     
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12" style="margin-top:10px;">
                                <div class="form-example-int">
                                    <button type="submit" class="btn btn-success notika-btn-success waves-effect" formtarget="_blank">Generar Reporte</button>
                                </div>
                            </div>
                        </form>   
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection