@extends('layouts.app')

@section('title', 'Edit Branch - Axis Max Life Admin')

@section('header', 'Edit Branch')

@section('content')
<div class="py-12">
  <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
    <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
      <div class="p-6">
        <h2 class="text-2xl font-bold text-gray-800 mb-6">Edit Branch: {{ $branch->branch_code }}</h2>

        @if($errors->any())
        <div class="mb-4 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg">
          <strong>Please fix the following errors:</strong>
          <ul class="mt-2 list-disc list-inside">
            @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
        @endif

        <form method="POST" action="{{ route('admin.branches.update', $branch->id) }}">
          @csrf
          @method('PUT')

          <div class="mb-4">
            <label for="branch_code" class="block font-medium text-sm text-gray-700 mb-1">Branch Code <span class="text-red-500">*</span></label>
            <input id="branch_code" type="text" name="branch_code" value="{{ old('branch_code', $branch->branch_code) }}"
              class="block w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
              required />
            <p class="text-xs text-gray-500 mt-1">Unique identifier for the branch</p>
          </div>

          <div class="mb-4">
            <label for="branch_name" class="block font-medium text-sm text-gray-700 mb-1">Branch Name (Optional)</label>
            <input id="branch_name" type="text" name="branch_name" value="{{ old('branch_name', $branch->branch_name) }}"
              class="block w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500" />
          </div>

          <div class="flex items-center justify-between mt-6">
            <a href="{{ route('admin.branches.index') }}"
              class="inline-flex items-center px-4 py-2 bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-gray-700 uppercase tracking-widest hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 transition ease-in-out duration-150">
              Cancel
            </a>
            <button type="submit"
              class="inline-flex items-center px-4 py-2 bg-indigo-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150">
              Update Branch
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection