@extends('layouts.guest')

@section('title', 'Upload Successful - Axis Max Life')

@section('content')
<div class="text-center">
  <div class="mb-4">
    <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-green-100">
      <svg class="h-6 w-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
      </svg>
    </div>
  </div>

  <h2 class="text-2xl font-bold mb-2 text-gray-800">Upload Successful!</h2>

  @if(session('success'))
  <p class="text-gray-600 mb-4 bg-green-50 p-3 rounded-lg">{{ session('success') }}</p>
  @endif

  <div class="bg-gray-50 p-4 rounded-lg mb-4">
    <p class="text-gray-600 mb-2">Branch Code: <strong class="text-indigo-600">{{ $branch->branch_code }}</strong></p>
    <p class="text-gray-600">Total images uploaded: <strong class="text-indigo-600">{{ $branch->image_count }}/5</strong></p>
  </div>

  @if($branch->canUploadMore())
  <p class="text-sm text-gray-500 mb-4">You have <span class="font-bold text-green-600">{{ $branch->remaining_slots }}</span> slot(s) remaining.</p>
  <div class="flex flex-col sm:flex-row justify-center space-y-3 sm:space-y-0 sm:space-x-4">
    <a href="{{ route('upload.form', $branch->branch_code) }}"
      class="inline-flex items-center justify-center px-6 py-3 bg-indigo-600 border border-transparent rounded-md font-semibold text-sm text-white uppercase tracking-widest hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
      Upload More
    </a>
    <a href="{{ route('upload.index') }}"
      class="inline-flex items-center justify-center px-6 py-3 bg-gray-200 border border-transparent rounded-md font-semibold text-sm text-gray-700 uppercase tracking-widest hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2">
      New Branch
    </a>
  </div>
  @else
  <p class="text-sm text-amber-600 bg-amber-50 p-3 rounded-lg mb-4">
    Maximum images (5) uploaded for this branch.
  </p>
  <a href="{{ route('upload.index') }}"
    class="inline-flex items-center justify-center px-6 py-3 bg-indigo-600 border border-transparent rounded-md font-semibold text-sm text-white uppercase tracking-widest hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
    Upload for Another Branch
  </a>
  @endif
</div>
@endsection