@extends('admin.layout.master')
@section('title', 'Service Provider Management')

@section('content')
    <div class="container py-4">
        <div class="mb-3 bg-inherit rounded-lg shadow p-4 flex justify-between items-center">
            <h4 class="text-gray-800 float-start text-bold text-2xl">Edit Service Provider</h4>
            <a href="{{ route('admin.service_providers.index') }}"
                class="btn btn-danger text-white bg-gray-700 float-end rounded px-4 py-2">
                <i class="bi bi-arrow-left"></i> Back
            </a>
        </div>
        <div class="card-body bg-white rounded-xl shadow-md p-6">

        <form action="{{ route('admin.service_providers.update', $serviceProvider) }}" method="POST" class="grid grid-cols-1 md:grid-cols-2 gap-6">

                @csrf
                @method('PUT')
                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Name</label>
                    <input type="text" name="name"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Enter provider name"
                        value="{{ old('name', $serviceProvider->name) }}">
                    @error('name')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Email</label>
                    <input type="email" name="email"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Enter provider email"
                        value="{{ old('email', $serviceProvider->email) }}">
                    @error('email')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                
                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Password</label>
                    <input type="password" name="password"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Enter provider password">
                    @error('password')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Confirm Password</label>
                    <input type="password" name="password_confirmation"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Confirm provider password">
                    @error('password_confirmation')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Address</label>
                    <input type="text" name="address"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Enter provider address"
                        value="{{ old('address', $serviceProvider->user->address) }}">
                    @error('address')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>


                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Phone</label>
                    <input type="text" name="phone"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Enter provider phone"
                        value="{{ old('phone', $serviceProvider->phone) }}">
                    @error('phone')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Specialization</label>
                    <input type="text" name="specialization"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Enter specialization"
                        value="{{ old('specialization', $serviceProvider->specialization) }}">
                    @error('specialization')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-4">
                    <label class="block text-xl font-medium text-gray-700 mb-1">Bio</label>
                    <textarea name="bio"
                        class="form-control mt-1 block w-full border rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500 px-4 py-2"
                        placeholder="Enter provider bio">{{ old('bio', $serviceProvider->bio) }}</textarea>
                    @error('bio')
                        <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <button type="submit"
                    class="w-full bg-gray-600 hover:bg-gray-700 text-white font-semibold py-3 px-4 rounded-lg transition duration-200">
                    Update Service Provider
                </button>
            </form>
        </div>
    </div>
@endsection