@extends('admin.common.layout')

@section('content')
<div class="page-content">
  <div class="page-container">
    <div class="page-title-box">
      <div class="d-flex align-items-sm-center flex-sm-row flex-column gap-2">
        <div class="flex-grow-1">
          <h4 class="font-18 mb-0">Transactions</h4>
        </div>
        <div class="text-end">
          <ol class="breadcrumb m-0 py-0">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">MSL</a></li>
            <li class="breadcrumb-item active"><a href="{{route('admin.transactions')}}">Demant Transactions</a></li>
            <li class="breadcrumb-item active">Import</li>
          </ol>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-title m-4 border-bottom">
            <h5>Import Transaction Data</h5>
          </div>
          <div class="card-body">
            @if(session('success'))
            <p style="color: green;">{{ session('success') }}</p>
            @endif
            @if(session('error'))
            <p style="color: red;">{{ session('error') }}</p>
            @foreach ($errors->all() as $rowIndex => $errorMessages)
            <p>Row {{ $rowIndex }}: {{ $errorMessages }}</p>
            @endforeach
            @endif
            <form method="POST" action="{{ route('admin.transactions.import.process') }}" enctype="multipart/form-data">
              @csrf
              <div class="row">
                <div class="col-md-9">
                  <div class="row">
                    <div class="col-12">
                      <div class="form-group">
                        <label for="file">Choose File</label>
                        <input type="file" class="form-control" name="file" id="file" placeholder="Select File">
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 d-flex justify-content-center align-items-center">
                  <div>
                    <div class="d-flex justify-content-center gap-2">
                      <button type="submit" name="submit" value="submit"
                        class="btn btn-success rounded-pill waves-effect waves-light">Import File</button>
                      <a href="{{ route('admin.transactions') }}"
                        class="btn btn-secondary rounded-pill waves-effect waves-light">Cancel</a>
                    </div>
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection