@extends('adminlte::page')

@section('title', 'Add invoice')

@section('content_header')
@stop

@section('content')

    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

       <!-- general form elements -->
       <div class="card card-primary">
        <div class="card-header">
          <h3 class="card-title">Add new invoice</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form role="form" action="/paid-invoices/create" method="post" enctype="multipart/form-data">
          @csrf
          <div class="card-body">
            <div class="form-group">
              <label for="broker" id="broker_id">Broker</label>
              <select name="broker_id" id="broker_id" class="form-control">
                  @foreach($brokers as $broker)
                      <option value="{{$broker->id}}" >{{$broker->name}}</option>
                  @endforeach
              </select>
            </div>
  
  
            <div class="form-group">
              <label for="date">Date</label>
              <input type="date" name="date" class="form-control" id="date" >
            </div>
  
            <div class="form-group">
              <label for="usd">Amount USD</label>
              <input type="text" name="usd" class="form-control" id="usd" />
            </div>
  
            <div class="form-group">
              <label for="cad">Amount CAD</label>
              <input type="text" name="cad" class="form-control" id="cad"  />
            </div>
  
  
  
            <div>
              <label for="paid">Paid</label>
              <input type="checkbox" id="paid" name="paid"  />  <br/> <br/>
          </div> 
  
            <div class="form-group">
              <label for="invoice_usd">Invoice USD</label>
              <div class="input-group">
                <div class="custom-file">
                  <input type="file" name="invoice_usd" class="form-control" id="invoice_usd">
            
                 
                
                </div>
                <div class="input-group-append">
                  <span class="input-group-text" id="">Upload</span>
                </div>
              </div>
            </div>
  
            <div class="form-group">
              <label for="invoice_cad">Invoice CAD</label>
              <div class="input-group">
                <div class="custom-file">
                
                  <input type="file" name="invoice_cad" class="form-control" id="invoice_cad">
            
                
                </div>
                <div class="input-group-append">
                  <span class="input-group-text" id="">Upload</span>
                </div>
              </div>
            </div>
          <!-- /.card-body -->
  
          <div class="card-footer">
              <button type="submit" class="btn btn-primary">Create</button>
            </div>
          </form>
      </div>
      <!-- /.card -->
@endsection

@section('css')

@stop

@section('js')

@stop