@extends('layouts.base')
@section('content')

@php

  $defaultPin = $point?->pin_icon ?: 'green_pin.png';

@endphp

<div class="container" style="max-width:720px;margin:20px auto;font-family:system-ui,Segoe UI,Roboto,Arial">
  <h1 style="margin:0 0 12px"><a class="back" href="{{ route('admin.points.index') }}">{{ __('Back') }}</a>  {{ __('Edit waypoint') }} <b>{{ $point->name }}</b> <small class="muted">#{{ $point->id }}</small></h1>

  <form method="POST" action="{{ route('admin.points.update', [$point->id]) }}" style="display:grid;gap:10px" enctype="multipart/form-data">
        @csrf 
        @method('PUT')


       <div id="pin-radios" data-current-pin="{{ $defaultPin }}">
            @foreach($availablePins as $fn)
                <label style="display:inline-flex;align-items:center;gap:.5rem;margin-right:.5rem;">
                    <input type="radio" name="pin_icon" value="{{ $fn }}" @checked(($defaultPin ?? 'green_pin.png') === $fn)>
                    <img src="{{ asset('assets/pins/'.$fn) }}" alt="" width="24" height="24">
                </label>
            @endforeach
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
            <label>{{ __('Name') }}
                <input name="name" value="{{ old('name',$point->name) }}" required style="width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>

            {{-- Créateur du point (user_id) --}}
            <div class="form-field">
                <label for="user_id">{{ __('Owner') }}</label>
                <select id="user_id" name="user_id" required>
                    <option value="0">Public</option>
                    @foreach($users as $u)
                        @php
                            $isAdmin = (int)($u->role_id ?? 0) === 1;
                            $isPro   = (int)($u->role_id ?? 0) === 2;
                            $society = $u->societies?->first()?->name;
                        @endphp
                        <option value="{{ $u->id }}" @selected(old('user_id', $point->user_id) == $u->id)>
                            {{ $u->lastname }} {{ $u->firstname }}
                            — {{ $u->email }}
                            @if($isPro && $society)
                                — {{ __('Company') }}: {{ $society }}
                            @endif
                            @if($isAdmin)
                                (Admin)
                            @elseif($isPro)
                                (Pro)
                            @endif
                        </option>
                    @endforeach
                </select>
             </div>
       </div>

       <div class="form-grid">
            <div class="form-field">
                <label for="name">{{ __('Name') }}</label>
                <input id="name" type="text" name="name" value="{{ old('name', $point->name) }}" required>
            </div>

            <div class="form-field" style="margin-top:1.8rem;">
                <label style="display:inline-flex;align-items:center;gap:.4rem;">
                    <input type="checkbox"
                        name="is_visible"
                        value="1"
                        @checked(old('is_visible', $point->is_visible ?? true))>
                    {{ __('Visible (public / shared)') }}
                </label>
            </div>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
            <label>{{ __('Latitude') }}
                <input type="number" step="0.0000001" name="latitude" value="{{ old('latitude',$point->latitude) }}" required style="padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>
            <label>{{ __('Longitude') }}
                <input type="number" step="0.0000001" name="longitude" value="{{ old('longitude',$point->longitude) }}" required style="padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
            <label>{{ __('Altitude') }}
                <input type="number" step="0.01" name="altitude" value="{{ old('altitude',$point->altitude) }}" style="width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>
            <label>{{ __('Floor') }}
                <input type="number" step="0.01" name="floor" value="{{ old('floor',$point->floor) }}" style="width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>
      </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
            <label>{{ __('Address 1') }}
                <input name="address1" value="{{ old('address1',$point->address1) }}" style="width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>

            <label>{{ __('Address 2') }}
                <input name="address2" value="{{ old('address2',$point->address2) }}" style="width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>
      </div>

        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px">
            <label>{{ __('Postcode') }}
                <input name="postcode" value="{{ old('postcode',$point->postcode) }}" style="padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>
            <label>{{ __('City') }}
                <input name="city" value="{{ old('city',$point->city) }}" style="padding:10px;border:1px solid #e5e7eb;border-radius:8px">
            </label>
            <label>{{ __('Country') }}
                 <select id="country_isocode" name="country_isocode" required>
                    @foreach($countries as $c)
                        <option 
                            value="{{ $c->iso_code }}" 
                            @selected(
                                old('country_isocode', $point->country_isocode ?? $defaultIso ?? '') === $c->iso_code
                            )
                        >
                            {{ $c->name }}
                        </option>
                    @endforeach
                </select>
           </label>
 
        </div>
       <label>{{ __('Comment') }}
            <input name="comment" value="{{ old('comment',$point->comment) }}" style="width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px">
        </label>


        <label style="display:flex;gap:8px;align-items:center">
            <input type="checkbox" name="regenerate_qr" value="1"> {{ __('Regenerate QR') }}
        </label>


        {{-- Photo --}}
        @php
            use Illuminate\Support\Facades\Storage;

            $photos = $point->photos ?? collect();
            $photoUrl = ($point && !empty($point->photo))  
                ? Storage::url($point->photo)  
                : null;
        @endphp

        <div class="form-group">
            <label>{{ __('Photos') }}</label>

            @if($photos->isNotEmpty())
                <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;">
                    @foreach($photos as $photo)
                        @php $url = Storage::disk('public')->url($photo->path); @endphp
                        <a href="{{ $url }}" target="_blank" rel="noopener"
                        style="display:inline-block;">
                            <img src="{{ $url }}" alt=""
                                style="width:80px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #ddd;">
                        </a>
                    @endforeach
                </div>
            @else
                <p style="color:#6b7280;">{{ __('No photo') }}</p>
            @endif

            {{-- Input pour ajouter une nouvelle photo --}}
            {{-- <input type="file"
                name="photo"
                accept="image/*"
                class="form-control">
            <small class="form-text text-muted">
                {{ __('Add a new photo (existing ones are kept).') }}
            </small> --}}
        </div>




        <div style="display:flex;gap:10px;margin-top:6px">
            <button class="btn" style="background:#0f172a;color:#fff">{{ __('Save') }}</button>
        </div>

    </form>

</div>

@endsection