@extends('back.layouts.app', ['title' => $title])
@section('content')
<div class="content-wrapper pl-3 pr-2">
        <section class="content-header">
            <h1>Send Invoice</h1>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ admin_url() }}">
                        <i class="fas fa-gauge"></i> Home
                    </a>
                </li>
                <li class="active"><a href="{{ admin_url() }}invoice">Invoices</a></li>
                <li class="active">Send Invoice</li>
            </ol>
        </section>
        <section class="content">

            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <div class="card p-2">
                        <div class="box-header">
                            <h3 class=" card-title">Send Invoice</h3>

                        </div>
                        <!-- /.box-header -->
                        <div class=" card-body table-responsive">
                            <div class="text-end" style="padding-bottom:2px;">
                            </div>
                            <div class="menu-menagement">

                                <form action="{{ base_url() }}adminmedia/post_send_invoice" accept-charset="utf-8"
                                    name="send_invoice_frm" id="send_invoice_frm" method="POST">
                                    @csrf
                                    <input type="hidden" name="view_state_controller" value="Invoice">
                                    <input type="hidden" name="action" value="sendInvoice">
                                    <div class="row" style="width: 100%">
                                        <div class="col-lg-12">
                                            <label class="form-label">Invoice ID:</label>
                                            <input type="text" name="invoice_id" value="Invoice-{{ $maxID }}"
                                                id="invoice_id" class="form-control" placeholder="Invoice ID">
                                            <span class="error"></span>
                                        </div>
                                    </div>
                                    <div class="row" style="width: 100%">
                                        <div class="col-lg-6">
                                            <label class="form-label">Client Name:</label>
                                            <input type="text" name="client_name" value="" id="client_name"
                                                class="form-control" placeholder="Client Name"> <span class="error"></span>
                                        </div>

                                        <div class="col-lg-6">
                                            <label class="form-label">Case reference:</label>
                                            <input type="text" name="case_reference" value="" id="case_reference"
                                                class="form-control" placeholder="Case reference"> <span
                                                class="error"></span>
                                        </div>

                                        <div class="col-lg-6">
                                            <label class="form-label">Client Email:</label>
                                            <input type="text" name="client_email" value="" id="client_email"
                                                class="form-control" placeholder="Client Email"> <span
                                                class="error"></span>
                                        </div>

                                        <div class="col-lg-6">
                                            <label class="form-label">Amount:</label>
                                            <div class="mb-2 mb-3">
                                                <div class="mb-2-prepend">
                                                    <span class="mb-2-text">$</span>
                                                </div>
                                                <input type="number" name="amount" value="" id="amount"
                                                    class="form-control" placeholder="Amount">
                                            </div>
                                        </div>

                                        <div class="col-lg-12">
                                            <label class="form-label">Comments:</label>
                                            <textarea name="comments" cols="40" rows="10" id="comments" class="form-control" placeholder="Comments"></textarea> <span class="error"></span>
                                        </div>

                                        <div class="col-lg-4">
                                            <label class="form-label"><strong>Payment options:</strong></label>
                                            <br />

                                            @foreach ($paymentOption as $kk => $val)
                                                <label class="cbcontainer"> {{ $val->title }}
                                                    <input type="checkbox" name="payment_options[]"
                                                        value="{{ $val->id }}" id="bank_info">
                                                    <span class="checkmark"></span>
                                                </label>
                                            @endforeach
                                            <span class="error"></span>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="text-center">
                                                <h4>Email Copy (<em>cc</em> / <em>bcc</em>)</h4>
                                            </div>
                                            <br />
                                                                                        <div id="more_textbox">