@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.Supplier_Indebtness_by_Duration_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.supplier_indebt_detail_sum')</p>
            <p class="col-lg-2  text-center text-dark font-size-20">${{ $total }}</p>
        </div>
    </div>
</div>


<!-- Filter card-->
<form action="{{ route('dashboard.reports.supplier.supplier_indebtness_duration_detail') }}" method="GET">
    
    <div class="card">
        @if($errors->all())
                @foreach ($errors->all() as $error)
                <div class="alert alert-danger">{{ $error }}</div>
                @endforeach
                @endif
                @if(session('message'))

                <div class="alert alert-success">{{ session('message') }}</div>
                @endif
        <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.Choose_a_supplier')</label>
                        <div class="input-group">

                            <select  name="supplier" id="" class="select2 mx-2" style="width: 100%">
                                <option selected  value="{{ null }}">@lang('dashboard_sales_expenses.all_suppliers')</option>
                                @foreach ($originalSuppliers as $supplier)
                                    <option value="{{ $supplier->id }}" @if(request()->get('supplier') == $supplier->id) selected @endif> {{ $supplier->name }}</option>
                                @endforeach
                            </select>

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

                <div class="col-lg-3">
                    <div class="form-group">
                        <label class="control-label">@lang('reports.Choose_a_Duration')</label>
                        <div class="input-group">
                            <select  name="duration" id="" class="select2 mx-2" style="width: 100%">

                            <option selected disabled value="{{ null }}">@lang('reports.Choose_a_Duration')</option>
                                <option value="0,30" @if(request()->get('duration') == '0,30') selected @endif>1:30</option>
                                <option value="31,40" @if(request()->get('duration') == '31,40') selected @endif>31:40</option>
                                <option value="41,50" @if(request()->get('duration') == '41,50') selected @endif>41:50</option>
                                <option value="51,60" @if(request()->get('duration') == '51,60') selected @endif>51:60</option>
                                <option value="61,70" @if(request()->get('duration') == '61,70') selected @endif>61:70</option>
                                <option value="71,80"@if(request()->get('duration') == '71,80') selected @endif >71:80</option>
                                <option value="81,90"@if(request()->get('duration') == '81,90') selected @endif>81:90</option>
                                <option value="91,1000000000000000000000000000"@if(request()->get('duration') == '91,100000000000000000') selected @endif>@lang('reports.91_and_above')</option>
                            </select>
                        </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.Supplier_Indebtness_by_Duration_Detail')</h4>
        <p class="card-title-desc mb-2">@lang('reports.Supplier_Indebtness_by_Duration_Detail')</p>
                            


        <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('dashboard_sales_expenses.supplier') </th>
                    <th style=" width: 40px; white-space: normal" data-priority="1">
                        @lang('dashboard_sales_expenses.date')</th>
                        <th style="width: 40px; white-space: normal" data-priority="3">
                            @lang('dashboard_sales_expenses.movement_type')</th>
                        <th data-priority="1">@lang('dashboard_sales_expenses.number') </th>
                        {{-- <th data-priority="1">@lang('dashboard_sales_expenses.account') </th> --}}
                        <th style="width: 40px; white-space: normal" data-priority="1">
                            @lang('dashboard_sales_expenses.due_date') </th>
                        <th style="width: 40px; white-space: normal" data-priority="1">
                            @lang('dashboard_sales_expenses.balance') </th>
                            <th style="width: 100px; white-space: normal" data-priority="1">
                                @lang('dashboard_sales_expenses.total_before_tax') </th>
                                <th style="width: 10px; white-space: normal" data-priority="1">
                                    @lang('dashboard_sales_expenses.tax') </th>
                        <th style="width: 100px; white-space: normal" data-priority="1">
                            @lang('dashboard_sales_expenses.total_after_tax')</th>

                </tr>
            </thead>
            <tbody>
                @foreach ($suppliers as $supplier)
                    @foreach ($supplier->indebtness as $indebetbess)
                        @foreach ($indebetbess as $item)
                            
                        <tr>
                            <td> <p style="min-width: 100px" aria-expanded="false" >
                                <a href="{{ route('dashboard.suppliers.show',$supplier) }}">
                                    {{ $supplier->name }}
                                </a>
                            </p></td>
                            <td>{{ $item->invoice_date ?? $item->notice_date  }}</td>
                            <td>{{ str_replace('Supplier','',class_basename($item)) }}</td>
                            {{-- <td>{{ $item->number }}</td> --}}
                            
                            <td>
                                @if($item->movement_type != 'notice_debt' && $item->movement_type != 'pay_purchase_invoice' && $item->movement_type != 'supplier_advance_payment')
                                
                                <a href="{{ route('dashboard.suppliers.invoices.show.products',[$item->id , $item->movement_type]) }}">
                                 @endif
                                    {{-- href=",['id'=>$invoice['id'],'type'=>$invoice['type']]) }}">@lang('dashboard_sales_expenses.show_products') </a> --}}

                                    {{ $item->number }}
                                </a>
                                     {{-- <a class="text-primary"
                                           href="{{ route('dashboard.invoices.show.products',['id'=>$item['id'],'type'=>$item['type']]) }}">{{ $item->number }}</a>
                                      --}}
                                       </td>
                            {{-- <td>{{ $item->shipping_address }}</td> --}}
                            <td>{{ $item->due_date }}</td>
                            {{-- <td>@if($item->due_date) {{ Carbon\Carbon::parse($item->due_date)->diffInDays(Carbon\Carbon::now()) }}@endif</td> --}}
                            <td>{{ $item->balance_due  }}</td>
                            <td>{{ $item->total_before_tax  }}</td>
                            <td>{{ $item->taxes_total }}</td>
                            <td>{{ $item->invoice_total ?? $item->notice_total }}</td>
                            
                        </tr>
                        @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.supplier.supplier_indebtness_duration_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 type="text" required 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 type="text" required placeholder="@lang('reports.enter_subject')" name="subject" class="form-control col-lg-8">
    </div>
    <input type="hidden" name="total" value="{{ $total }}">
    <input type="hidden" name="duration" value="{{ request()->get('duration') }}">
    <input type="hidden" name="client" value="{{ request()->get('client') }}">
    <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>

    <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