@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Add Collection</h1>
        </div>
        <div class="col-sm-6 text-right">
          <a href="{{ url('all-collection') }}" class="btn btn-sm btn-outline-info mx-1">Cancel</a>
          <button type="submit" name="savenew" id="savenew" class="btn btn-sm btn-outline-info mx-1">Save &amp; New</button>
          <button type="submit" name="save" value="Save" class="btn btn-sm btn-info mx-1">Save</button>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <form action="#" method="POST" class="mx-2">
    <section class="content">
      <div class="row">
        <div class="col-md-8 offset-md-2">
          <div class="card card-primary">
            <div class="card-header">
              <h3 class="card-title">General Info</h3>

              <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
              </div>
            </div>
            <div class="card-body">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="customer">Customer<span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" id="customer" name="customer" style="width: 100%;" aria-hidden="true" required>
                      <option data-select2-id="29" selected disabled>Select Customer</option>
                      <option data-select2-id="30">Customer 1</option>
                      <option data-select2-id="31">Customer 2</option>
                      <option data-select2-id="32">Customer 3</option>
                      <option data-select2-id="33">Customer 4</option>
                      <option data-select2-id="34">Customer 5</option>
                      <option data-select2-id="35">Customer 6</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="date">Date<span class="text-danger">*</span></label>
                    <div class="input-group date" id="collectionDate" data-target-input="nearest">
                        <input type="text" name="collectionDate" class="form-control form-control-sm datetimepicker-input" data-target="#collectionDate" required />
                        <div class="input-group-append" data-target="#collectionDate" data-toggle="datetimepicker">
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                        </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label>Type<span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm" id="type" name="type" style="width: 100%;" aria-hidden="true" required>
                      <option selected="selected" disabled>Select type</option>
                      <option data-select2-id="30">Cheque</option>
                      <option data-select2-id="31">Cash</option>
                      <option data-select2-id="32">UPI</option>
                      <option data-select2-id="33">Net Banking</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label>Amount<span class="text-danger">*</span></label>
                    <input type="text" class="form-control form-control-sm" name="amount" required />
                  </div>
                </div>
              </div>
                <div class="form-group mb-2">
                  <div class="form-group mb-2">
                    <label class="mb-0">Reference No.<span class="text-danger">*</span></label>
                    <input type="text" class="form-control form-control-sm" name="referenceNo" required/>
                  </div>
                </div>
                <div class="row">
                <div class="col-md-6">
                <div class="form-group">
                    <label for="uploadFile">Upload File 1</label>
                    <div class="input-group">
                    <div class="custom-file">
                        <input type="file" name="file1" class="custom-file-input form-control-sm" id="uploadFile1" required />
                        <label class="custom-file-label" for="uploadFile">Choose file</label>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                <div class="form-group">
                    <label for="uploadFile">Upload File 2</label>
                    <div class="input-group">
                    <div class="custom-file form-control-sm">
                        <input type="file" name="file2" class="custom-file-input form-control-sm" id="uploadFile2">
                        <label class="custom-file-label" for="uploadFile">Choose file</label>
                      </div>
                    </div>
                  </div>
                  
                </div>
                </div>

                
              <div class="form-group mb-2">
                <label class="mb-0" for="description">Description</label>
                <textarea id="description" name="description" class="form-control form-control-sm"></textarea>
              </div>
           <!-- /.card-body -->
            </div>
          </div>


          <!-- /.card -->
        </div>
        
      </div>
      <div class="row">
        <div class="col-12">
          <div class="d-flex align-items-center justify-content-center">
            <a href="{{ url('all-collection') }}" class="btn btn-sm btn-outline-info mx-1">Cancel</a>
            <button type="submit" name="savenew" id="savenew" class="btn btn-sm btn-outline-info mx-1">Save &amp; New</button>
            <button type="submit" name="save" value="Save" class="btn btn-sm btn-info mx-1">Save</button>
          </div>
        </div>
      </div>
    </section>
  </form><br />
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection