@extends('admin.layouts.admin')

@section('title','Edit Merchant')
@section('page-title','Edit Merchant')

@section('content')

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white">
        <strong>Edit Merchant</strong>
        <small class="text-muted d-block">
            Update merchant information and settings
        </small>
    </div>

    <div class="card-body">

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

            <!-- ================= BASIC INFO ================= -->
            <h6 class="mb-3 text-muted">Basic Information</h6>

            <div class="row g-3 mb-4">

                <div class="col-md-6">
                    <label class="form-label">Merchant Name</label>
                    <input type="text"
                           name="name"
                           class="form-control @error('name') is-invalid @enderror"
                           value="{{ old('name', $merchant->name) }}"
                           required>
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label">Business Type</label>
                    <select name="business_type" class="form-select">
                        <option value="">Select type</option>
                        @foreach(['Restaurant','Pharmacy','Retail','Grocery','E-commerce'] as $type)
                            <option value="{{ $type }}"
                                @selected(old('business_type',$merchant->business_type)===$type)>
                                {{ $type }}
                            </option>
                        @endforeach
                    </select>
                </div>

            </div>

            <!-- ================= CONTACT ================= -->
            <h6 class="mb-3 text-muted">Contact Details</h6>

            <div class="row g-3 mb-4">

                <div class="col-md-6">
                    <label class="form-label">Email</label>
                    <input type="email"
                           name="email"
                           class="form-control @error('email') is-invalid @enderror"
                           value="{{ old('email', $merchant->email) }}"
                           required>
                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label">Phone</label>
                    <input type="text"
                           name="phone"
                           class="form-control"
                           value="{{ old('phone', $merchant->phone) }}">
                </div>

            </div>

            <!-- ================= PASSWORD ================= -->
            <h6 class="mb-3 text-muted">Password</h6>

            <div class="row g-3 mb-4">

                <div class="col-md-6">
                    <label class="form-label">
                        New Password
                        <small class="text-muted">(leave blank to keep current)</small>
                    </label>
                    <input type="password"
                           name="password"
                           class="form-control @error('password') is-invalid @enderror">
                    @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label">Confirm Password</label>
                    <input type="password"
                           name="password_confirmation"
                           class="form-control">
                </div>

            </div>

            <!-- ================= LOCATION ================= -->
            <h6 class="mb-3 text-muted">Location</h6>

            <div class="row g-3 mb-4">

                <div class="col-md-12">
                    <label class="form-label">Address</label>
                    <textarea name="address"
                              class="form-control"
                              rows="2">{{ old('address',$merchant->address) }}</textarea>
                </div>

                <div class="col-md-4">
                    <label class="form-label">City</label>
                    <input type="text"
                           name="city"
                           class="form-control"
                           value="{{ old('city',$merchant->city) }}">
                </div>

                <div class="col-md-4">
                    <label class="form-label">Zone</label>
                    <select name="zone_id" class="form-select">
                        <option value="">Select zone</option>
                        <option value="1" @selected(old('zone_id',$merchant->zone_id)==1)>Colombo</option>
                        <option value="2" @selected(old('zone_id',$merchant->zone_id)==2)>Kandy</option>
                        <option value="3" @selected(old('zone_id',$merchant->zone_id)==3)>Galle</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="form-label">Postal Code</label>
                    <input type="text"
                           name="postal_code"
                           class="form-control"
                           value="{{ old('postal_code',$merchant->postal_code) }}">
                </div>

            </div>

            <!-- ================= FINANCE ================= -->
            <h6 class="mb-3 text-muted">Finance</h6>

            <div class="row g-3 mb-4">

                <div class="col-md-4">
                    <label class="form-label">Commission (%)</label>
                    <input type="number"
                           name="commission"
                           class="form-control"
                           value="{{ old('commission',$merchant->commission) }}">
                </div>

                <div class="col-md-4">
                    <label class="form-label">Settlement Cycle</label>
                    <select name="settlement_cycle" class="form-select">
                        @foreach(['Weekly','Bi-weekly','Monthly'] as $cycle)
                            <option value="{{ $cycle }}"
                                @selected(old('settlement_cycle',$merchant->settlement_cycle)===$cycle)>
                                {{ $cycle }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="form-label">Bank Account</label>
                    <input type="text"
                           name="bank_account"
                           class="form-control"
                           value="{{ old('bank_account',$merchant->bank_account) }}">
                </div>

            </div>

            <!-- ================= STATUS ================= -->
            <h6 class="mb-3 text-muted">Status</h6>

            <div class="form-check form-switch mb-4">
                <input class="form-check-input"
                       type="checkbox"
                       name="is_active"
                       value="1"
                       @checked(old('is_active',$merchant->is_active))>
                <label class="form-check-label">Active Merchant</label>
            </div>

            <!-- ================= ACTIONS ================= -->
            <div class="d-flex justify-content-end gap-2">
                <a href="{{ route('admin.merchants.index') }}"
                   class="btn btn-light">
                    Cancel
                </a>

                <button class="btn btn-primary">
                    <i class="bi bi-save"></i> Update Merchant
                </button>
            </div>

        </form>

    </div>
</div>

@endsection