@extends('crm.layouts.app')

@section('styles')
<link rel="stylesheet" href="{{asset('theme/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('theme/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
@endsection

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <div class="container-fluid">
        <div class="row">
            @include('crm.customer.common.contact_inner_sidebar')
            <div class="col-md-9">
                <div class="card">
                  <div class="card-header bg-gray">
                    <span class="float-left">{{__('Manage Invoices')}}</span>
                    @php
                        $relation = 'customer';
                    @endphp
                    <a class="card-title bg-primary pl-2 pr-2 rounded float-right" href="{{url('invoice/create/'.$relation.'/'.$customer->id)}}" id="addNewNote">{{__('New Invoice')}}</a>
                  </div>
                    <div class="card-body">
                      <div class="table-responsive">
                        <table id="invoicesTable" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>{{__('Sr.No')}}</th>
                                    <th>{{__('Title')}}</th>
                                    <th>{{__('Due Date')}}</th>
                                    <th>{{__('To')}}</th>
                                    <th>{{__('Invoice Date')}}</th>
                                    <th>{{__('Status')}}</th>
                                    <th>{{__('Paid')}}</th>
                                    <th>{{__('Due Amount')}}</th>
                                    <th>{{__('Total Amount')}}</th>
                                    <th>{{__('Assigned To')}}</th>
                                    <th>{{__('Actions')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                              
                            </tbody>
                        </table>
                    </div>
                  </div>
                    <!-- /.card-body -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                      <div class="modal-dialog modal-lg" role="document">
                          <div class="modal-content bg-light-gray">
                              <!-- Modal content here -->
                          </div> 
                      </div>
                  </div>
                  
                </div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</div>


{{-- ANCHOR MODAL VIEW invoice --}}


<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>

{{-- MODAL VIEW invoice ENDS --}}

{{-- SECTION Add Currency modal Starts Here --}}
<div class="modal fade" id="addinvoice" tabindex="-1" role="dialog" aria-labelledby="addinvoiceLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addinvoiceLabel">{{__('Add invoice')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{url('office/currency/store')}}" method="POST">
                    @csrf


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('Close')}}</button>
                <button type="submit" class="btn btn-info">{{__('Add')}}</button>
            </div>
            </form>
        </div>
    </div>
</div>
{{-- !SECTION ADD Currency modal ends here --}}

@endsection

@section('scripts')
@include('crm.customer.invoice_js')
@endsection