Simple Blade Components

district-picker.blade.php

@props(['value', 'name'])

@php
  $districts = ['Ampara', 'Anuradhapura', 'Badulla', 'Batticaloa', 'Colombo',
                'Galle', 'Gampaha', 'Hambanthota', 'Jaffna', 'Kaluthara', 'Kandy',
                'Kegalle', 'Killinochchi', 'Kurunagala', 'Mannar', 'Matale', 'Mathara',
                'Monaragala', 'Mullathivu', 'Nuwara Eliya', 'Polonnaruwa', 'Puttalam',
                'Rathnapura', 'Trincomalee', 'Vavuniya']
@endphp

<select name="{{ $name }}" class="w-full mt-1 rounded-md border-2 border-gray-300 focus:border-indigo-500 focus:ring-0">
  @foreach ($districts as $district)
    <option @if ($value == $loop->index+1) selected @endif value="{{ $loop->index+1 }}">{{ $district }}</option>
  @endforeach
</select>

province-picker.blade.php

@props(['value', 'name'])

@php
  $provinces = ['Western', 'Southern', 'Sabaragamuwa', 'Nothern',
                'Uva', 'North Western', 'Northern', 'North Central', 'Eastern']
@endphp

<select name="{{ $name }}" class="w-full mt-1 rounded-md border-2 border-gray-300 focus:border-indigo-500 focus:ring-0">
  @foreach ($provinces as $province)
    <option @if ($value == $loop->index+1) selected @endif value="{{ $loop->index+1 }}">{{ $province }}</option>
  @endforeach
</select>