@extends('layouts.app')

@section('title', 'Code : ' . $project->name . ' - ' . app_setting('app_name', 'Dev App'))

@section('content')
<div class="max-w-4xl mx-auto space-y-6">
    @include('projects._header', ['subtitle' => 'Où se trouve le code : le dépôt, et le dossier sur chaque poste de travail. Réservé à l\'équipe.'])

    <form action="{{ route('projects.code.repository', $project) }}" method="POST" class="bg-white rounded-2xl border border-slate-200 p-5 shadow-xs space-y-2">
        @csrf
        @method('PUT')
        <label for="repository_url" class="block text-xs font-bold uppercase tracking-wider text-slate-700">Dépôt du code</label>
        <div class="flex flex-col sm:flex-row gap-2">
            <input type="text" id="repository_url" name="repository_url" value="{{ $project->repository_url }}" maxlength="500" placeholder="https://github.com/…"
                class="flex-1 px-3 py-2 rounded-xl border border-slate-300 text-xs font-mono">
            <button type="submit" class="px-4 py-2 bg-slate-900 hover:bg-slate-800 text-white text-xs font-bold rounded-xl">Enregistrer</button>
        </div>
        @if($project->repository_url && str_starts_with($project->repository_url, 'http'))
            <a href="{{ $project->repository_url }}" target="_blank" rel="noopener" class="inline-block text-xs text-indigo-600 hover:underline">Ouvrir le dépôt</a>
        @endif
    </form>

    <div class="bg-white rounded-2xl border border-slate-200 p-5 shadow-xs space-y-4">
        <div>
            <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">Dossiers sur les postes de travail</h2>
            <p class="text-[11px] text-slate-500 mt-1">Un dossier par poste. Si le dossier a bougé ou si vous changez de machine, modifiez la ligne ou ajoutez le nouveau poste.</p>
        </div>

        @forelse($locations as $location)
            <form x-data="{ editing: false }" action="{{ route('projects.code.locations.update', [$project, $location]) }}" method="POST" class="p-3 rounded-xl border border-slate-200 bg-slate-50/60 space-y-2">
                @csrf
                @method('PUT')
                <div x-show="!editing" class="flex flex-wrap items-start justify-between gap-2">
                    <div class="min-w-0">
                        <div class="text-xs font-bold text-slate-900">{{ $location->workstation }}</div>
                        <div class="text-xs font-mono text-slate-700 break-all">{{ $location->path }}</div>
                        @if($location->notes)
                            <div class="text-[11px] text-slate-500 mt-0.5">{{ $location->notes }}</div>
                        @endif
                        <div class="text-[10px] text-slate-400 mt-0.5">Mis à jour le {{ $location->updated_at->format('d/m/Y à H:i') }}</div>
                    </div>
                    <div class="flex items-center gap-3 shrink-0">
                        <button type="button" @click="editing = true" class="text-xs font-semibold text-indigo-600 hover:text-indigo-800">Modifier</button>
                        <button type="submit" form="delete-location-{{ $location->id }}" class="text-xs font-semibold text-rose-600 hover:text-rose-800">Retirer</button>
                    </div>
                </div>
                <div x-show="editing" x-cloak class="space-y-2">
                    @include('projects._location-fields', ['location' => $location])
                    <div class="flex justify-end gap-2">
                        <button type="button" @click="editing = false" class="px-3 py-1.5 text-xs font-semibold text-slate-600">Annuler</button>
                        <button type="submit" class="px-3.5 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold rounded-lg">Enregistrer</button>
                    </div>
                </div>
            </form>
            <form id="delete-location-{{ $location->id }}" action="{{ route('projects.code.locations.destroy', [$project, $location]) }}" method="POST" onsubmit="return confirm('Retirer cet emplacement ?')">
                @csrf
                @method('DELETE')
            </form>
        @empty
            <p class="text-xs text-slate-400 italic">Aucun emplacement enregistré.</p>
        @endforelse

        <form action="{{ route('projects.code.locations.store', $project) }}" method="POST" class="pt-3 border-t border-slate-100 space-y-2">
            @csrf
            <h3 class="text-[11px] font-bold uppercase tracking-wider text-slate-500">Ajouter un poste</h3>
            @include('projects._location-fields', ['location' => null])
            <div class="flex justify-end">
                <button type="submit" class="px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold rounded-xl">Ajouter</button>
            </div>
        </form>
    </div>
</div>
@endsection