@extends('layouts.app', ['page' => 'reports.product_sales'])

@section('title', __('messages.product_sales_report'))
 
@section('page_header')
    <div class="page__heading d-flex align-items-center">
        <div class="flex">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="#"><i class="material-icons icon-20pt">home</i></a></li>
                    <li class="breadcrumb-item" aria-current="page"><a href="{{ route('reports.product_sales') }}">{{ __('messages.reports') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('messages.product_sales_report') }}</li>
                </ol>
            </nav>
            <h1 class="m-0">{{ __('messages.product_sales_report') }}</h1>
        </div>
    </div>
@endsection 
 
@section('content') 
    <div class="row">
        <div class="col-12 col-md-8">
            <form method="GET">
                <div class="row">
                    <div class="col-12 col-md-4 pl-0 ml-3">
                        <div class="form-group form-inline">
                            <label for="filter[from]">{{ __('messages.from') }}</label>
                            <input name="filter[from]" type="text" class="form-control ml-1" data-toggle="flatpickr"
                                data-flatpickr-default-date="{{ isset(Request::get("filter")['from']) ? Request::get("filter")['from'] : \Carbon\Carbon::now() }}"
                                readonly="readonly" placeholder="{{ __('messages.from') }}">
                        </div>
                    </div>
                    <div class="col-12 col-md-4 pl-0 ml-3">
                        <div class="form-group form-inline">
                            <label for="filter[to]">{{ __('messages.to') }}</label>
                            <input name="filter[to]" type="text" class="form-control ml-1" data-toggle="flatpickr"
                                data-flatpickr-default-date="{{ isset(Request::get("filter")['to']) ? Request::get("filter")['to'] : \Carbon\Carbon::now() }}"
                                readonly="readonly" placeholder="{{ __('messages.to') }}">
                        </div>
                    </div>
                    <div class="col-12 col-md-4 pl-0 ml-3">
                        <div class="form-group form-inline">
                        <label for="filter[sucursal]">{{ __('Sucursal') }}</label>
                        <select id="filter[sucursal]" name="filter[sucursal]" data-toggle="select" class="form-control select2-hidden-accessible" data-select2-id="filter[sucursal]">

                                                                                        <option selected value="{{ isset(Request::get("filter")['sucursal']) ? Request::get("filter")['sucursal'] : '' }}" >{{ isset(Request::get("filter")['sucursal']) ? Request::get("filter")['sucursal'] : 'SELECCIONAR SUCURSAL' }}</option>
                                                            <option value="DAVID CENTRO" >DAVID CENTRO</option>
                                                           <option value="DAVID F SUR" >DAVID F SUR</option>

<option value="INTERAMERICANA">INTERAMERICANA</option>
<option value="LA RIVIERA">LA RIVIERA</option>
<option value="ALGARROBOS" >ALGARROBOS</option>
                                            <option value="BOQUETE" >BOQUETE</option>
                                            <option value="DOLEGA" >DOLEGA</option>
                                             <option value="" >TODAS LAS SUCURSALES</option>
                                                </select></div>
                </div>
                
                
                    <div class="col-12 col-md-4 pl-0 ml-3">
                        
                        <button type="submit" class="btn btn-light">
                            <i class="material-icons icon-20pt">refresh</i>
                            {{ __('messages.update') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-12 col-md-4 text-right">
            <div class="btn-group mb-2">
                <a href="{{ route('reports.product_sales.pdf', [
                    'from' => isset(Request::get("filter")['from']) ? Request::get("filter")['from'] : \Carbon\Carbon::now()->format('Y-m-d'),
                    'to' => isset(Request::get("filter")['to']) ? Request::get("filter")['to'] : \Carbon\Carbon::now()->addMonth()->format('Y-m-d'),
                    'sucursal' => (Request::get("filter")['sucursal']),
                    'download' => true
                ]) }}" target="_blank" class="btn btn-primary">
                    <i class="material-icons">cloud_download</i>
                    {{ __('messages.download') }}
                </a>
                <a href="{{ route('reports.product_sales.pdf', [
                    'from' => isset(Request::get("filter")['from']) ? Request::get("filter")['from'] : \Carbon\Carbon::now()->format('Y-m-d'),
                    'to' => isset(Request::get("filter")['to']) ? Request::get("filter")['to'] : \Carbon\Carbon::now()->addMonth()->format('Y-m-d'),
                                        'sucursal' => (Request::get("filter")['sucursal']),
                    'csv' => true
                ]) }}" target="_blank" class="btn btn-primary">
                    <i class="material-icons">import_export</i>
                    {{ __('messages.export_csv') }}
                </a>
            </div>
        </div>
    </div>
    <div class="pdf-iframe">
     
         <embed class ="pdf-iframe" src="{{ route('reports.product_sales.pdf', [
            'from' => isset(Request::get("filter")['from']) ? Request::get("filter")['from'] : \Carbon\Carbon::now()->format('Y-m-d'),
            'to' => isset(Request::get("filter")['to']) ? Request::get("filter")['to'] : \Carbon\Carbon::now()->addMonth()->format('Y-m-d'),
            'sucursal' => (Request::get("filter")['sucursal']),

        ]) }}" 
 type="application/pdf">                     </div>
        
    
@endsection