@extends('admin.layout.master')
@section('title','SELL')
@section('custom_style')
    <style>
        .table {
            border: 1px solid black;
        }
        .table th,
        .table td {
            padding: 0rem;
            padding-left: 0.35rem;
            padding-right: 0.35rem;
            border: 1px solid black;
        }
        .table td {
            color: black;
        }
        .table th {
            background: var(--tableHeader);
            padding: 5px !important; 
        }
        .custom-td {
            white-space:pre-wrap;
            word-wrap:break-word;
        }
    </style>
@endsection
@section ('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-8 pl-0">Invoice List</h4>
        </div>
        <div class="card-body pt-2">
            <form method="GET" action="{{ route('invoice.update-invoice-journals') }}" name="filter_form" id="filter_form">
                <div class="d-flex flex-wrap justify-content-center">
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="tran_type">Type</label>
                        <select class="select_2 form-control" style="width: 100%" name="tran_type" id="tran_type">
                            <option value="1">Purchase</option>
                            <option value="2">Purchase Return</option>
                            <option value="3">Sell</option>
                            <option value="4">Sell Return</option>
                            <option value="5">Adj In</option>
                            <option value="6">Adj Out</option>
                            <option value="7">Damage</option>
                            <option value="8">Issue</option>
                            <option value="9">Issue Return</option>
                            <option value="12">Production</option>
                            <option value="13">Opening</option>
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="pay_status">Paid Status</label>
                        <select class="select_clr form-control" style="width: 100%" name="pay_status" id="pay_status">
                            <option value=""></option>
                            <option value="0">Unpaid</option>
                            <option value="1">Partial Paid</option>
                            <option value="2">Paid</option>
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="user_id">User</label>
                        <select class="select_clr @error('user_id') is-invalid @enderror form-control" style="width: 100%" name="user_id" id="user_id">
                            <option value=""></option>
                            @forelse ($users as $user)
                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                            @empty
                            @endforelse
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="vendor_id">Customer</label>
                        <select class="vendor_live form-control" style="width: 100%" name="vendor_id" id="vendor_id">
                            <option value="" selected>-- Select --</option>
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="customer_id">Customer</label>
                        <select class="customer_live form-control" style="width: 100%" name="party_id" id="party_id">
                            <option value="" selected>-- Select --</option>
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="ref_no">Ref No</label>
                        <input type="text" class="form-control" name="ref_no" id="ref_no">
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="invoice_no">Invoice No</label>
                        <input type="text" class="form-control" name="invoice_no" id="invoice_no">
                    </div>
                    <div class="col-md-2 col-12 flex-wrap pr-0 mb-2">
                        <label for="cost_center_id">Cost Center</label>
                        <select class="select_clr form-control" style="width: 100%" name="cost_center_id" id="cost_center_id">
                            <option value=""></option>
                            @foreach ($cost_centers as $cost)
                                <option value='{{ $cost->id }}'>{{ $cost->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="date_from">Date From</label>
                        {!!getDateInput('date_from','date_from',Request()->date_from)!!}
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap pr-0">
                        <label for="date_to">Date To</label>
                        {!!getDateInput('date_to','date_to',Request()->date_to)!!}
                    </div>
                    <div class="col-md-1 col-sm-1 col-12 flex-wrap pr-0 text-center">
                        <label for="date_to"> &nbsp; </label>
                        <button class="btn btn-sm btn-outline-info font-weight-bold d-sm-flex" name="filter" id="filter"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter pt-1" viewBox="0 0 16 16">
                            <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
                        </svg>&nbsp;Filter</button>
                    </div>
                </div>
            </form>
            <hr>
            @include('admin.global.loader')
            <div class="table-responsive"  id="div_tbl">
                <table class="table" id="printThis">
                    <thead class="">
                        <tr>
                            <th>#</th>
                            <th>Inv. No</th>
                            <th>Invoice Date</th>
                            <th>Party Name</th>
                            <th>By</th>
                            <th>Inv Amount</th>
                            <th>Status</th>
                            {{-- <th>ACTION</th> --}}
                        </tr>
                    </thead>
                    <tbody id="tbl_body">
						@if (count($invoices))
                            @foreach ($invoices as $i=> $inv)
                                <tr>
                                    <td>{{ $i+1 }}</td>
                                    <td>{{ $inv->invoice_no }}</td>
                                    <td>{{ date('d-m-Y H:i A', strtotime($inv->date)) }}</td>
                                    <td>{{ $inv->party?$inv->party->name_eng:'' }}</td>
                                    <td>{{ $inv->createdBy?$inv->createdBy->name:'' }}</td>
                                    <td>{{ $inv->net_total }}</td>
                                    <td>{{ $inv->status == 1 ? 'Active' : 'Pending' }}</td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script>
        $(document).ready(function() {
            select2('select_2', 'Select', false);
            select2('select_clr');
            partySearch('vendor_live', 1);
            partySearch('customer_live', 2);
        });
    </script>
@endsection