@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.Customer_Balance_Summary')</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>

<!-- 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.customer_balance_summary_sum')</p>
            <p class="col-lg-2  text-center text-dark font-size-20" id="total_sum">$1200</p>
        </div> --}}
        <div class="row">
            <p class="text-uppercase font-weight-bold col-lg-4 font-size-18">
                اجمالي سداد فاتورة</p>
            <p class="col-lg-2  text-center text-dark font-size-20" id="advance_sum">$0</p>
        </div>
    </div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">

<!-- Filter card-->
<form action="{{ route('dashboard.reports.client.customer_balance_summary') }}" method="GET">
    {{-- @csrf --}}
    <div class="card">
        @if($errors->all())
        @foreach ($errors->all() as $error)
         <div class="alert alert-danger">{{ $error }}</div>   
        @endforeach
        @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.date_from')</label>
        <div class="input-group">
            <input name="date_from" value="{{ request()->get('date_from') }}" type="date" class="form-control" 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> 
<h4 class="card-title">@lang('reports.Customer_Balance_Summary')</h4>
<p class="card-title-desc mb-2">@lang('reports.Customer_Balance_Summary')</p>

@if(request()->get('date_from'))
<p class="text-center font-size-16" style="width: 100%">
    @lang('reports.from') <b class="">{{ request()->get('date_from') ?? '--' }}</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.Customer_Name')</th>
        <th data-priority="1">Balance</th>
        {{-- <th data-priority="1">Down Payments</th> --}}
    </tr>
</thead>
<tbody>
    @php
    $all_total = 0;
    $all_advane = 0;
    @endphp
    @foreach ($clients as $client)
    @php
      $total = 0;  
    @endphp
        
<tr>
<td>
    <button class="btn btn-info" style="min-width: 200px" type="button" data-toggle="collapse" data-target="#subAccounts{{ $client->id }}" aria-expanded="false" aria-controls="collapseExample">
        {{ $client->name }}
    </button>
    <div class="collapse mt-3 ml-4" style="width: 200px" id="subAccounts{{ $client->id }}">
        <div class="d-flex flex-column">
            @foreach ($client->branch as $branch)
                
            <p class="ml-2" style="display: inline-block;width: 100%;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;">
               {{$branch->name}}
            </p>
            @endforeach
       
        <p class="ml-2" style="display: inline-block;width: 100%;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;">
           <b>@lang('reports.Total')</b>
        </p>
    </div>
    </div>
</td>
<td>
    
    <p style="height: 40px" class="btn mb-0" type="button">
        {{$client->total_balance_due - $client->total_refund - $client->total_advance}}
        @php $total += $client->total_balance_due - $client->total_refund - $client->total_advance @endphp
        {{-- @php $all_total += $total @endphp --}}

    </p>
    <div class="collapse mt-3" style="width: 200px" id="subAccounts{{ $client->id }}">
        <div class="d-flex flex-column">
            @foreach ($client->branch as $branch)
            
            <p class="ml-3">
                {{$branch->total_balance_due - $branch->total_refund - $branch->total_advance }}
                @php $total += $branch->total_balance_due - $branch->total_refund - $branch->total_advance  @endphp
            </p>
            
            @endforeach
        </div>
        <p class="ml-3">
            <b>${{ $total }}</b>
            @php $all_total += $total @endphp

        </p>
    </div>
</td>

{{-- <td>
    <p>{{ $client->total_advance }}</p>
    @php $all_advane += $client->total_advance  @endphp

    <div class="collapse mt-3" style="width: 200px" id="subAccounts{{ $client->id }}">
        <div class="d-flex flex-column">
            @foreach ($client->branch as $branch)
            
            <p class="ml-3">
                {{$branch->total_advance }}
              @php $all_advane += $branch->total_advance  @endphp

            </p>
            
            @endforeach
        </div>
    </div>
</td> --}}
</tr>
@endforeach

</tbody>
</table>

{{-- <input type="hidden" name="advaance" id="all_advance" value="{{ $all_advane }}"> --}}
<input type="hidden" name="advaance" id="all_total" value="{{ $all_total }}">
</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.client.customer_balance_summary') }}" 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.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.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.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 type="hidden" name="all_advaance" id="all_advance" value="{{ $all_advane }}"> --}}
<input type="hidden" name="all_total" id="all_total" value="{{ $all_total }}">
<input name="date_from" value="{{ request()->get('date_from') }}" 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>

// $('#advance_sum').val();
// $('#total_sum').html($('#all_advance').val());
$('#advance_sum').html($('#all_total').val());
// <input type="hidden" name="advaance" id="all_advance" value="{{ $all_advane }}">
// <input type="hidden" name="advaance" id="all_total" value="{{ $all_total }}">
        </script>
@endsection