@extends('client.layouts.app-main')
@section('title','تقرير تكلفة الشراء للمنتجات')
@section('content')
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <button aria-label="Close" class="close" data-dismiss="alert" type="button">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>الاخطاء :</strong>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row">
        <div class="col-md-12">
            <div class="card mg-b-20">
                <div class="card-body">
                    <div class="col-12">
                        <h5 style="min-width: 300px;" class="pull-right alert alert-sm alert-danger no-print">
                            تقرير تكلفة الشراء للمنتجات
                        </h5>
                    </div>
                    <div class="clearfix"></div>
                    <hr>
                    <form action="{{route('client.report9.post')}}" method="POST">
                        @csrf
                        @method('POST')
                        <div class="col-lg-3 pull-right no-print">
                            <label for="" class="d-block">اسم المنتج</label>
                            <select required name="product_id" id="product_id" class="selectpicker"
                                    data-style="btn-info" data-live-search="true" title="اكتب او اختار اسم المنتج">
                                <option
                                    @if(isset($product_id) && $product_id == "all")
                                    selected
                                    @endif
                                    value="all">كل المنتجات
                                </option>
                                @foreach($products as $product)
                                    <option
                                        @if(isset($product_id) && $product->id == $product_id)
                                        selected
                                        @endif
                                        value="{{$product->id}}">{{$product->product_name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3 pull-right no-print">
                            <label for="" class="d-block">من تاريخ</label>
                            <input type="date" @if(isset($from_date) && !empty($from_date)) value="{{$from_date}}"
                                   @endif class="form-control" name="from_date"/>
                        </div>
                        <div class="col-lg-3 pull-right no-print">
                            <label for="" class="d-block">الى تاريخ</label>
                            <input type="date" @if(isset($to_date) && !empty($to_date)) value="{{$to_date}}"
                                   @endif  class="form-control" name="to_date"/>
                        </div>
                        <div class="col-lg-3 pull-right no-print">
                            <button class="btn btn-md btn-danger"
                                    style="font-size: 15px; height: 40px; margin-top: 25px;" type="submit">
                                <i class="fa fa-check"></i>
                                عرض التقرير
                            </button>
                        </div>
                    </form>
                    <div class="clearfix"></div>
                    @if(isset($buyBills))
                        @if(!empty($buyBills))
                            <div class="alert alert-sm alert-success text-center mt-1 mb-2">
                                تقرير تكلفة الشراء للمنتجات
                            </div>
                            <table class='table table-condensed table-striped table-bordered'>
                                <thead class="text-center">
                                <th>#</th>
                                <th>رقم الفاتورة</th>
                                <th>اسم المورد</th>
                                <th>تاريخ الفاتورة</th>
                                <th> وقت الفاتورة</th>
                                <th> تكلفة الشراء للمنتجات</th>
                                <th>بواسطة</th>
                                <th class="no-print">عرض</th>
                                </thead>
                                <tbody>
                                <?php $i = 0; $total = 0;$total_pieces = 0; $paid=0;  ?>
                                @foreach($buyBills as $buy_bill)
                                    <tr>
                                        <td>{{++$i}}</td>
                                        <td>{{$buy_bill->buy_bill_number}}</td>
                                        <td>{{$buy_bill->supplier->supplier_name}}</td>
                                        <td>{{$buy_bill->date}}</td>
                                        <td>{{$buy_bill->time}}</td>
                                        <td>
                                            <?php
                                            $pieces = 0;
                                            echo number_format($buy_bill->final_total) ;
                                            $total_pieces+=$buy_bill->final_total;
                                            $paid+=$buy_bill->paid;

                                            ?>
                                        </td>
                                        <td>
                                            {{$buy_bill->client->name}}
                                        </td>
                                        <td class=" no-print">
                                            <form action="{{route('client.buy_bills.filter.key')}}" method="POST">
                                                @csrf
                                                @method('POST')
                                                <input type="hidden" name="buy_bill_id" value="{{$buy_bill->id}}">
                                                <button type="submit" class="btn btn-sm btn-success">
                                                    <i class="fa fa-eye"></i> عرض
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>

                            <div class="row mt-3">
                                <span class=" col-lg-4 col-sm-12 alert alert-primary alert-sm mr-4">
                                    اجمالى تكلفة المشتريات 
                                    ( {{number_format($total_pieces)}} )
                                </span>
                           
                            
                                <span class=" col-lg-3 col-sm-12 alert alert-success alert-sm mr-4">
                                   إجمالي المدفوع 
                                    ( {{number_format($paid)}} )
                                </span>

                                <span class=" col-lg-3 col-sm-12 alert alert-danger alert-sm mr-4">
                                    إجمالي الديون من الفواتير السابقة 
                                     ( {{number_format($total_pieces-$paid)}} )
                                 </span>

                                
                            </div>
                            <center>
                                <div class=" no-print">
                                    <button class="btn btn-md btn-purple"
                                            style="font-size: 15px; height: 40px; margin-top: 25px;" type="button" onclick="window.print()">
                                            طباعة
                                        <i class="fa fa-print"></i>
                                    </button>
                                </div>
                            </center>
                            
                        @else
                            <div class="alert alert-sm alert-danger text-center mt-3">
                                <i class="fa fa-close"></i>
                                لا توجد اى فواتير لهذا المنتج
                            </div>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection
@section('style')
<style>
    .btn.dropdown-toggle.bs-placeholder {
        height: 40px;
    }

    .bootstrap-select {
        width: 100% !important;
    }
</style>
@endsection