@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>View Collection <span class="text-info">#{{ $Collection->CollectionNo }}</span></h1>
        </div>
        <div class="col-sm-6 text-right">
          @if ($Collection->Status == "1" && $Collection->IsDeleted == "0")
          <button type="submit" class="btn btn-sm btn-info mx-1" data-id="{{ $Collection->CollectionId }}"
            onclick="editRecordColl('{{ $Collection->CollectionId }}')">Edit</button>
          <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $Collection->CollectionId }}"
            onclick="deleteViewRecordColl('{{ $Collection->CollectionId }}');">Delete</button>
          @else
          <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $Collection->CollectionId }}"
            onclick="deletePermanentColl('{{ $Collection->CollectionId }}');">Delete</button>
          @endif
          
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="row">
      <div class="col-md-6">
        <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">Collection 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">
              <label for="inputName" class="col-sm-4">Customer Name:</label>
              <div class="col-sm-8">
                <p class="">{{ $Collection->CustomerId }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Collection Date:</label>
              <div class="col-sm-8">
                <p class="">{{ date('d-M-y', strtotime($Collection->CollectionDate)) }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Collection Type:</label>
              <div class="col-sm-8">
                <p class="">{{ $Collection->CollectionType }}</p>
              </div>
            </div>
            @if ($Collection->CollectionType == 'OrderWise')
            <div class="row">
              <label for="inputName" class="col-sm-4">Order No:</label>
              <div class="col-sm-8">
                <p class="">{{ $Collection->OrderNo }}</p>
              </div>
            </div>
            @endif
            <div class="row">
              <label for="inputName" class="col-sm-4">Amount:</label>
              <div class="col-sm-8">
                <p class=""><strong>&#8377;</strong>{{ $Collection->AmountPaid }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Payment Type:</label>
              <div class="col-sm-8">
                <p class="">{{ $Collection->PaymentType }}</p>
              </div>
            </div>
            @if ($Collection->ReferenceNo)
            <div class="row">
              <label for="inputName" class="col-sm-4">Reference No:</label>
              <div class="col-sm-8">
                <p class="">{{ $Collection->ReferenceNo }}</p>
              </div>
            </div>
            @endif
            <div class="row">
              <label for="inputName" class="col-sm-4">Created Date:</label>
              <div class="col-sm-8">
                <p class="">{{ date('d-M-y h:i:s a', strtotime($Collection->Created_at)) }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Created By:</label>
              <div class="col-sm-8">
                <p class="">
                  @if ($Collection->AdminCreated_by)
                  {{ $Collection->AdminCreated_by }}
                  @else
                  {{ $Collection->Created_by }}
                 @endif
                </p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Updated Date:</label>
              <div class="col-sm-8">
                <p class="">{{ date('d-M-y h:i:s a', strtotime($Collection->Updated_at)) }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Updated By:</label>
              <div class="col-sm-8">
                <p class="">{{ $Collection->Updated_by }}</p>
              </div>
            </div>
            @if ($Collection->Description)
              <div class="row">
                <label for="inputName" class="col-sm-4">Description:</label>
                <div class="col-sm-8">
                  <p class="">{{ $Collection->Description }}</p>
                </div>
              </div>      
            @endif
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
     
      <div class="col-md-6">
        <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">Collection File</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">
            @if ($Collection->PaymentFile1)
            <p class=""><strong>File 1:</strong></p>
            <div class="text-center">
             <a href="{{ asset($Collection->PaymentFile1) }}" title="Download" download="{{ $Collection->CollectionNo }}_File_1"><img class="img-fluid" src="{{ asset($Collection->PaymentFile1) }}" alt="Collection File 1" style="max-width: 50%;"></a>
            </div> 
            @else
            <div class="text-center">
              No file uploaded!
            </div>
            @endif
            @if ($Collection->PaymentFile2) <hr>
            <p class=""><strong>File 2:</strong></p>
            <div class="text-center">
              <a href="{{ asset($Collection->PaymentFile2) }}" title="Download" download="{{ $Collection->CollectionNo }}_File_2"><img class="img-fluid" src="{{ asset($Collection->PaymentFile2) }}" alt="Collection File 2"style="max-width: 50%;"></a>
            </div> 
            @endif
            </div>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
      <!-- /.card -->
    
    <div class="row">
      <div class="col-12">
        <div class="d-flex align-items-center justify-content-center">
          @if ($Collection->Status == "1" && $Collection->IsDeleted == "0")
          <button type="submit" class="btn btn-sm btn-info mx-1" data-id="{{ $Collection->CollectionId }}"
            onclick="editRecordColl('{{ $Collection->CollectionId }}')">Edit</button>
          <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $Collection->CollectionId }}"
            onclick="deleteViewRecordColl('{{ $Collection->CollectionId }}');">Delete</button>
          @else
          <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $Collection->CollectionId }}"
            onclick="deletePermanentColl('{{ $Collection->CollectionId }}');">Delete</button>
          @endif
        </div>
      </div>
    </div><br />
</div>

</section>
<!-- /.content -->
<x-CollectionModal />
</div>

<!-- /.content-wrapper -->
@endsection