@extends('layouts.admin')

@section('heading', $shop->exists ? 'Edit shop' : 'Add shop')
@section('subheading', $shop->exists ? 'Update shop details.' : 'Register a new shop in the system.')

@section('content')

<div class="card p-6 max-w-2xl">
  <form method="POST" action="{{ $shop->exists ? route('superadmin.shops.update', $shop) : route('superadmin.shops.store') }}" enctype="multipart/form-data">
    @csrf
    @if($shop->exists) @method('PUT') @endif

    @if(!$shop->exists)
    <div class="card p-5 mb-4">
      <p class="text-xs font-medium mb-3" style="color:#1A1625;">Shop Owner login (used to sign in to the admin panel)</p>
      <div class="grid grid-cols-3 gap-3">
        <div>
          <label class="block text-xs mb-1" style="color:#6b6470;">Owner display name</label>
          <input type="text" name="owner_login_name" required class="w-full px-3 py-2 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
        </div>
        <div>
          <label class="block text-xs mb-1" style="color:#6b6470;">Phone (username)</label>
          <input type="text" name="owner_phone" required class="w-full px-3 py-2 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
        </div>
        <div>
          <label class="block text-xs mb-1" style="color:#6b6470;">Password</label>
          <input type="password" name="owner_password" required minlength="6" class="w-full px-3 py-2 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
        </div>
      </div>
    </div>
    @endif

    @if ($errors->any())
      <div class="mb-4 text-sm rounded-lg px-4 py-3" style="background:#FCEBEB; color:#791F1F;">
        {{ $errors->first() }}
      </div>
    @endif

    <div class="grid grid-cols-2 gap-4 mb-4">
      <div>
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">Shop name *</label>
        <input type="text" name="name" value="{{ old('name', $shop->name) }}" required
          class="w-full px-4 py-2.5 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
      </div>
      <div>
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">Owner name</label>
        <input type="text" name="owner_name" value="{{ old('owner_name', $shop->owner_name) }}"
          class="w-full px-4 py-2.5 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
      </div>
      <div>
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">Email</label>
        <input type="email" name="email" value="{{ old('email', $shop->email) }}"
          class="w-full px-4 py-2.5 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
      </div>
      <div>
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">Phone</label>
        <input type="text" name="phone" value="{{ old('phone', $shop->phone) }}"
          class="w-full px-4 py-2.5 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
      </div>
      <div>
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">City</label>
        <input type="text" name="city" value="{{ old('city', $shop->city) }}"
          class="w-full px-4 py-2.5 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
      </div>
      <div>
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">GST number</label>
        <input type="text" name="gst_number" value="{{ old('gst_number', $shop->gst_number) }}"
          class="w-full px-4 py-2.5 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
      </div>
      <div class="col-span-2">
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">Address</label>
        <input type="text" name="address" value="{{ old('address', $shop->address) }}"
          class="w-full px-4 py-2.5 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
      </div>
      <div>
        <label class="block text-xs font-medium mb-1.5" style="color:#1A1625;">Logo</label>
        <input type="file" name="logo" accept="image/*" class="w-full text-sm">
        @if($shop->logo)
          <img src="{{ asset('storage/' . $shop->logo) }}" class="h-10 mt-2 rounded">
        @endif
      </div>
      <div class="flex items-center gap-2 mt-6">
        <input type="hidden" name="is_active" value="0">
        <input type="checkbox" name="is_active" value="1" {{ old('is_active', $shop->is_active) ? 'checked' : '' }} style="accent-color:#C2185B;">
        <label class="text-xs font-medium" style="color:#1A1625;">Active</label>
      </div>
    </div>

    <div class="flex items-center gap-3 mt-6">
      <button type="submit" class="px-4 py-2 rounded-lg text-sm font-medium text-white" style="background:#C2185B;">
        {{ $shop->exists ? 'Update shop' : 'Create shop' }}
      </button>
      <a href="{{ route('superadmin.shops.index') }}" class="text-sm" style="color:#6b6470;">Cancel</a>
    </div>
  </form>
</div>

@if($shop->exists)
  @php
    $owner = $shop->users->where('type_id', 2)->first();
  @endphp
  <div class="card p-6 max-w-2xl mt-4">
    <p class="text-xs font-medium mb-3" style="color:#1A1625;">Reset owner login</p>
    @if(!$owner)
      <p class="text-sm" style="color:#a19a8f;">No owner account found for this shop.</p>
    @else
      <form method="POST" action="{{ route('superadmin.shops.resetOwner', $shop) }}" class="grid grid-cols-2 gap-3">
        @csrf @method('PUT')
        <div>
          <label class="block text-xs mb-1" style="color:#6b6470;">Phone (username)</label>
          <input type="text" name="owner_phone" value="{{ old('owner_phone', $owner->phone) }}" required
            class="w-full px-3 py-2 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
        </div>
        <div>
          <label class="block text-xs mb-1" style="color:#6b6470;">New password (optional)</label>
          <input type="password" name="owner_password" placeholder="Leave blank to keep current" minlength="6"
            class="w-full px-3 py-2 rounded-lg border text-sm outline-none" style="border-color:#e6e1d8;">
        </div>
        <div class="col-span-2">
          <button type="submit" class="px-4 py-2 rounded-lg text-sm font-medium text-white" style="background:#5E35B1;">Update login</button>
        </div>
      </form>
    @endif
  </div>
@endif

@endsection