@extends('layouts.app')

<style>
    .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }

    a {
        color: #0087C3;
        text-decoration: none;
    }

    body {
        position: relative;
        margin: 0 auto;
        width: 32cm;
        color: #555555;
        background: #FFFFFF;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-family: SourceSansPro;
    }

    header {
        padding: 10px 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #AAAAAA;
    }

    #logo {
        float: left;
        margin-top: 6px;
    }

    #logo img {
        height: 100px;
    }

    #company {
        float: right;
        text-align: right;
    }

    #details {
        margin-bottom: 50px;
    }

    #client {
        padding-left: 6px;
        border-left: 6px solid #0087C3;
        float: left;
    }

</style>

@section('content')
    <div class="card card-info" id="printcontent">
        <div class="card-header">
            <h3 class="card-title">Manage Sales</h3>
        </div>
        <?php  if($from== NULL) {?>
        <form action="{{ route('list') }}" method="get">
            @csrf
            <div class="row hide_content">
                <div class="col-md-3" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px;">From: </span>
                        </div>
                        <input type="text" class="form-control datepicker" value="" id="StartDate" name="from">
                    </div>
                </div>
                <div class="col-md-3" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px">To: </span>
                        </div>
                        <input type="text" class="form-control datepicker" value="" id="EndDate" name="to">
                    </div>
                </div>
                <div class="col-md-2" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px">File No: </span>
                        </div>
                        <input type="text" class="form-control datepicker" value="" id="fileNo" name="fileNo">
                    </div>
                </div>
                <div class="col-md-3" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px">Member: </span>
                        </div>
                        <select name="member_id" id="member_id" class="form-control">
                            <option value="">Select Member</option>
                            @foreach ($members as $member)
                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-1">
                    <span class="input-group-append mt-3">
                        <button class="btn btn-secondary" type="submit">
                            <i class="fa fa-search"></i>
                        </button>
                    </span>
                </div>
            </div>
        </form>
        <?php }else{?>
        <?php
        $from = date('d-m-Y', strtotime($from));
        $to = date('d-m-Y', strtotime($to));
        ?>
        <form action="{{ route('list') }}" method="get">
            @csrf
            <div class="row hide_content">
                <div class="col-md-3" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px">From: </span>
                        </div>
                        <input type="text" class="form-control datepicker" value="{{ $from }}" id="StartDate"
                            name="from" placeholder="Date">
                    </div>
                </div>

                <div class="col-md-3" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px">To: </span>
                        </div>
                        <input type="text" class="form-control datepicker" value="{{ $to }}" id="EndDate"
                            name="to" placeholder="Date">
                    </div>
                </div>

                <div class="col-md-2" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px">File No: </span>
                        </div>
                        <input type="text" class="form-control datepicker" value="" id="fileNo" name="fileNo">
                    </div>
                </div>
                <div class="col-md-3" style="padding-top:15px;padding-left:20px">
                    <div class="input-group">
                        <div>
                            <span style="padding-right: 10px">Member: </span>
                        </div>
                        <select name="member_id" id="member_id" class="form-control">
                            <option value="">Select Member</option>
                            @foreach ($members as $member)
                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </form>
        <?php  } ?>
        <header class="clearfix" id="company_details" style="display:none">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <table cellpadding="0" cellspacing="0">
                <tr class="top">
                    <td colspan="2">
                        <table>
                            <tr>
                                <td>
                                    <img src="{{ asset('/storage/app/public/' . $company->logo) }}"
                                        style="width: 180px; height:120px">
                                </td>
                                <td style="padding-left: 130px">
                                    <h2 style="padding-left:40px;color:#297f39">{{ $company->name }} </h2>
                                    <p style="text-align:center;padding-left:10px; line-height:20px;">
                                        <b>{{ $company->address }}<br>
                                            {{ $company->mobile }}</b><br>
                                        <b>{{ $company->email }}</b>
                                    </p>
                                </td>

                                <td>

                                </td>

                            </tr>
                        </table>
                    </td>
                </tr>

            </table>
        </header>

        <!-- /.card-header -->
        <div class="card-body">
            <table id="example1" class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>SL</th>
                        <th>Date</th>
                        <th>Member ID</th>
                        <th>Member Name</th>
                        <th>File no</th>
                        <th>Plot Size</th>
                        <th>Total Price</th>
                        <th>Paid Amount</th>
                        <th>Discount</th>
                        <th>Due Amount</th>
                        <th class="hide_content">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @if ($sales)
                        @foreach ($sales as $sale)
                            @php
                                $paid_amount = 0;

                            @endphp
                            @php
                                foreach ($sale->installments as $item) {
                                    $paid_amount = $paid_amount + $item->amount;
                                }
                            @endphp
                            <tr>
                                <td>{{ $loop->index + 1 }}</td>
                                <td>{{ Carbon\Carbon::parse($sale->date)->format('d-m-Y') }} </td>
                                <td>{{ $sale->member->serial_id }}</td>
                                <td>{{ $sale->member->name }}</td>
                                <td>{{ $sale->sale_no }}</td>
                                <td>{{ $sale->plot->plot_size }} <small>Face: {{ $sale->plot->face }}</small></td>
                                <td>{{ $sale->total_rate }}</td>
                                <td>{{ $sale->paid + $paid_amount }}</td>
                                <td>{{ $sale->discount }}</td>
                                <td>{{ $sale->due_amount - $paid_amount }}</td>


                                <td class="hide_content">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="{{ route('admin.sale.show', $sale->sales_id) }}"
                                                class="btn btn-sm btn-info"><i class="fa fa-eye"></i></a>
                                        </div>

                                        <div class="col-md-6">
                                            <button class="btn btn-sm btn-danger" data-toggle="modal"
                                                data-target="#deleteModal"
                                                onclick="deleteHead('{{ route('admin.sale.destroy', $sale->sales_id) }}')">
                                                <i class="fa fa-trash"></i>
                                            </button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>



            </table>
            <h6 class="name">Total paid amount: <b>{{ $total_paid_amount }} tk</b>
            </h6>
            <h6 class="name">Total due amount: <b>{{ $total_due_amount }} tk</b> </h6>

            <h6 class="name">Total Company Balance now: <b>{{ $total }} tk</b>
            </h6>


        </div>
        <button type="button" class="btn btn-sm btn-block btn-primary mt-3 hide_content"
            onclick="printDiv('printcontent')">Print</button>
        <!-- /.card-body -->
    </div>
    @include('extra.delete-modal')
@endsection
<script>
    document.getElementById('member_id').value = '{{ $mem }}';
</script>
@section('footer-script')
    <script>
        function deleteHead(route) {
            $('#deleteForm').attr("action", route);
        }

        function printDiv(divName) {

            $('#company_details').css('display', 'block');
            $('.hide_content').css('display', 'none');

            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;

            document.body.innerHTML = printContents;

            window.print();

            document.body.innerHTML = originalContents;

            window.location.href = "{{ url()->current() }}";

            $('#company_details').css('display', 'none');
            $('.hide_content').css('display', 'block');
        }
    </script>
@endsection