@extends('layouts.designer.desginer')

@section('title', 'Drawings Update')

@section('content')

<div class="container py-4">

    <h3 class="mb-3">Upload / Manage Drawings</h3>

    {{-- Success Message --}}
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    {{-- Error Message --}}
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    {{-- Upload Form --}}
    <form action="{{ route('designer.drawings.upload') }}" method="POST" enctype="multipart/form-data" class="mb-4">
        @csrf
        
        <input type="hidden" name="project_id" value="{{ $project->id }}">

        <div class="mb-3">
            <label class="form-label">Upload Drawings (Multiple Allowed)</label>
            <input type="file" name="drawings_img[]" class="form-control" multiple>
        </div>

        <button class="btn btn-primary">Upload</button>
    </form>


    {{-- Existing Images --}}
    <h5 class="mb-3">Existing Drawings</h5>

    @if($project->drawings_img && count(json_decode($project->drawings_img)))
        <div class="row">
            @foreach(json_decode($project->drawings_img) as $img)
                <div class="col-md-3 text-center mb-3">
                    <img src="{{ asset('uploads/drawings/'.$img) }}" 
                         class="img-thumbnail mb-2" 
                         style="height:150px; object-fit:cover">

                    <form method="POST" action="{{ route('designer.drawings.delete') }}">
                        @csrf
                        @method('DELETE')
                        <input type="hidden" name="project_id" value="{{ $project->id }}">
                        <input type="hidden" name="file_name" value="{{ $img }}">
                        <button class="btn btn-danger btn-sm w-100">Delete</button>
                    </form>
                </div>
            @endforeach
        </div>
    @else
        <p>No drawings uploaded yet.</p>
    @endif

</div>

@endsection