@extends('layouts.app')

@section('title', 'Edit Reseller Mapping')
@section('page-title', 'Edit Reseller Mapping')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3">Edit Reseller Mapping</h1>
            <a href="{{ route('reseller.isp.reseller-mappings.index') }}" class="btn btn-secondary">Back</a>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-body">
                    <form action="{{ route('reseller.isp.reseller-mappings.update', $ispResellerMapping->reseller_id) }}" method="POST">
                        @csrf @method('PUT')
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label font-weight-bold">Reseller <span class="text-danger">*</span></label>
                                <select name="user_id" class="form-control @error('user_id') is-invalid @enderror" required>
                                    <option value="">Select Reseller</option>
                                    @foreach($resellerUsers as $user)
                                        <option value="{{ $user->id }}" {{ old('user_id', $ispResellerMapping->user_id) == $user->id ? 'selected' : '' }}>
                                            {{ $user->name }} 
                                            @if($user->company_name) - {{ $user->company_name }} @endif
                                            @if($user->email) ({{ $user->email }}) @endif
                                        </option>
                                    @endforeach
                                </select>
                                @error('user_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">Select a reseller from users table</small>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label font-weight-bold">Site</label>
                                <select name="site_id" class="form-control @error('site_id') is-invalid @enderror">
                                    <option value="">Select Site</option>
                                    @foreach($sites as $site)
                                        <option value="{{ $site->site_id }}" {{ old('site_id', $ispResellerMapping->site_id) == $site->site_id ? 'selected' : '' }}>
                                            {{ $site->site_name }} ({{ $site->site_type }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('site_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-12 mb-3">
                                <label class="form-label font-weight-bold">Contact Info</label>
                                <textarea name="contact_info" class="form-control @error('contact_info') is-invalid @enderror" rows="2" maxlength="255">{{ old('contact_info', $ispResellerMapping->contact_info) }}</textarea>
                                @error('contact_info')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save mr-2"></i>Update Mapping
                        </button>
                        <a href="{{ route('reseller.isp.reseller-mappings.index') }}" class="btn btn-secondary">
                            <i class="fas fa-times mr-2"></i>Cancel
                        </a>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection