@extends('dashboard.components.main')
    @section('content')
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">
    <div class="page-content">
    <!-- start page title -->
    <div class="row">
    <div class="col-12">
    <div class="page-title-box d-flex align-items-center justify-content-between">
    <h4 class="page-title mb-0 font-size-18">@lang('reports.Expenses_By_Supplier_Detail')</h4>

    <div class="page-title-right">
    <ol class="breadcrumb m-0">
        <li class="breadcrumb-item active"> @lang('dashboard_clients.welcome_platform')</li>
    </ol>
    </div>
    </div>
    </div>
    </div>
    <!-- end page title -->
    <!-- Totals Card -->
    <div class="card">
        <div class="card-body">
            <div class="row">
                <p class="text-uppercase font-weight-bold col-lg-4 font-size-18">
                    @lang('reports.expenses_supplier_detail_sum')</p>
                <p class="col-lg-2  text-center text-dark font-size-20" id="total">${{ $total }}</p>
            </div>
        </div>
    </div>


    <!-- Filter card-->
    <form action="{{ route('dashboard.reports.expenses.expenses_supplier_detail') }}">
    
    <div class="card">
    <div class="card-body">
    <h4 class="card-title mb-4">@lang('reports.filter') </h4>
    <div class="row">


    <div class="col-lg-3">
        <div class="form-group">
            <label class="control-label">@lang('reports.date_from')</label>
            <div class="input-group">
                <input name="date_from" value="{{ request()->get('date_from') }}" type="date" class="form-control dateFrom" placeholder="mm/dd/yyyy">

            </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="form-group">
            <label class="control-label">@lang('reports.date_to')</label>
            <div class="input-group">
                <input name="date_to" value="{{ request()->get('date_to') }}" type="date" class="form-control dateTo" placeholder="mm/dd/yyyy">

            </div>
        </div>
    </div>

    <div class="col-lg-12">
        <div class="text-right">
            <button type="submit" class="btn btn-primary">@lang('reports.excute')</button>
        </div>
    </div>
    </div>
    </div>
    </div>

    </form>
    <div class="row">
    <div class="col-12">
    <div class="card">
    <div class="card-body">

    <h4 class="card-title">@lang('reports.Expenses_By_Supplier_Detail')</h4>
    <p class="card-title-desc mb-2">@lang('reports.expenses_by_supplier_detail')</p>
    @if(request()->get('date_from') || request()->get('date_to'))
    <p class="text-center font-size-16" style="width: 100%">
        @lang('reports.from') <b class="">{{ request()->get('date_from') ?? '--' }}</b> @lang('reports.to') <b class="">{{ request()->get('date_to') ?? '--' }}</b>
    </p>
    @endif
    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
        style="border-collapse: collapse; border-spacing: 0; width: 100%;">
        <thead>
            <tr>
                <th data-priority="1">@lang('reports.Supplier')</th>
                {{-- <th data-priority="1">@lang('reports.Date')</th> --}}
                <th data-priority="1">@lang('reports.Transaction_Type')</th>
                <th>@lang('reports.Product/Service')</th>
                <th data-priority="1">@lang('reports.reports_No')</th>
                {{-- <th data-priority="1">@lang('reports.Location')</th> --}}
                <th data-priority="1">@lang('dashboard_accountants_tree.Account')</th>
                {{-- <th data-priority="1">@lang('reports.Past_Due')</th> --}}
                <th data-priority="1">@lang('reports.Amount')</th>
            </tr>
        </thead>
        <tbody>
            @php
    $invoice_total = 0;
            @endphp
            @foreach ($suppliers as $supplier)
                @foreach ($supplier->moves as $moves)
                    @foreach ($moves as $move)
                        
                    <tr>
                        <td>
                            <p style="min-width: 100px" aria-expanded="false" >
                                <a href="{{ route('dashboard.suppliers.show',$supplier) }}">
                                    {{ $supplier->name }}
                                </a>
                            </p>
                        </td>
                        
                        {{-- <td>{{ $move->invoice_date }}</td> --}}
                        <td>{{ str_replace('_',' ',$move->movement_type) }}</td> 
                        <td>{{ $move->type }}</td> 
                        
                        <td>
                            <a class="text-primary"
                                  href="{{ route('dashboard.suppliers.invoices.show.products',['id'=>$move->id,'type'=>$move->movement_type]) }}">{{ $move->number }}</a>
                            </td>
                            <td>{{ $move->account_name }}</td>
                        {{-- <td>{{ $move->shipping_address }}</td> --}}
                        {{-- <td>{{ $move->due_date }}</td> --}}
                        {{-- <td>{{ $move->balance_due }}</td> --}}
                        <td>{{ $move->total }}</td>
                    </tr>
                    @php
                    $invoice_total += $move->total;
                            @endphp
                    @endforeach
                @endforeach
            @endforeach
        </tbody>

    </table>
    </div>
    </div>
    </div>
    <!-- end col -->
    </div>
    <!-- end row -->




    <div class="row">
    <div class="col-lg-12">
    <div class="card">
    <div class="card-body">
    <div class="d-flex flex-row justify-content-center">
        <button class="btn btn-success mx-2" onclick="printReportPage()">@lang('reports.Preview_and_Print')</button>
        <a class="btn btn-success mx-2 popup-form" href="#sendReport">@lang('reports.Email')</a>
    </div>
    </div>
    </div>
    </div>

    <!-- Send popup -->

    <div class="card mfp-hide mfp-popup-form mx-auto" style="max-width: 700px" id="sendReport">
    <div class="card-body">
    <h4 class="mt-0 mb-2">@lang('reports.Send_report')</h4>
    <p class="card-title-desc">@lang('reports.Send_a_report_to_a_prefered_email')</p>

    <form action="{{ route('dashboard.reports.expenses.expenses_supplier_detail') }}" method="GET">
    <div class="row d-flex flex-row align-items-center ml-4 my-2 justify-content-center">
        <h5 class="control-label col-lg-2">@lang('reports.To')</h5>
        <input required type="text" placeholder="@lang('reports.enter_email') " name="to" class="form-control col-lg-8">
    </div>

    <div class="row d-flex flex-row align-items-center ml-4 my-2 justify-content-center">
        <h5 class="control-label col-lg-2">@lang('reports.CC')</h5>
        <input type="text" placeholder="@lang('reports.enter_email') " name="cc" class="form-control col-lg-8">
    </div>

    <div class="row d-flex flex-row align-items-center ml-4 my-2 justify-content-center">
        <h5 class="control-label col-lg-2">@lang('reports.Subject')</h5>
        <input required type="text" placeholder="@lang('reports.enter_subject') " name="subject"
            class="form-control col-lg-8">
    </div>

    <div class="row d-flex flex-row align-items-center ml-4 my-2 justify-content-center">
        <h5 class="control-label col-lg-2">@lang('reports.Body')</h5>
        <textarea class="form-control col-lg-8" name="body" cols="30" rows="3"
            style="resize: none"></textarea>
    </div>

    <input name="total" value="{{ $invoice_total }}" hidden class="form-control" placeholder="mm/dd/yyyy">
    <input name="date_from" value="{{ request()->get('date_from') }}" hidden type="date"
        class="form-control" placeholder="mm/dd/yyyy">
    <input name="date_too" value="{{ request()->get('date_to') }}" hidden type="date"
        class="form-control" placeholder="mm/dd/yyyy">

    <div class="row">
        <div class="col-lg-12  my-2 d-flex justify-content-end">
            <div class="text-right">
                <button type="submit" class="btn btn-success"> @lang('reports.Send')</button>
            </div>
        </div>
    </div>
    </form>
    </div>
    </div>
    </div>

    </div>
    @endsection
@section('custom_script')
    <script>
$('#total').html('$'+{{ $invoice_total }});
        </script>
@endsection