@extends('layouts.user.user')

@section('content')

<div class="container mt-4">
    <div class="card shadow-sm">
        <div class="card-body">

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

            <form action="{{ route('sheeting.colorSubmit') }}" method="POST">
                @csrf

                <input type="hidden" name="project_id" value="{{ $project_id }}">

                <h5 class="mb-3">Color Confirmation</h5>
                <hr>

                <div class="row mb-4">
                    <div class="col-md-6">
                        <label class="form-label">Job No.</label>
                        <input type="text"
                               name="job_no"
                               class="form-control"
                               value="{{ old('job_no', $sheetingColor['job_no'] ?? '') }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">Date</label>
                        <input type="date"
                               name="date"
                               class="form-control"
                               value="{{ old('date', $sheetingColor['date'] ?? '') }}">
                    </div>
                </div>

                <h6 class="mb-3">Description & Color Details</h6>

                <div class="table-responsive">
                    <table class="table table-bordered align-middle">
                        <thead class="table-light">
                            <tr>
                                <th style="width:70%">Description</th>
                                <th style="width:30%">Color</th>
                            </tr>
                        </thead>
                        <tbody>

                            @php
                                $fields = [
                                    'roof_sheeting' => 'Roof Sheeting',
                                    'wall_sheeting' => 'Wall Sheeting',
                                    'trims_flashing' => 'Trims and Flashing',
                                    'canopy_roof' => 'Canopy Roof',
                                    'canopy_wall' => 'Canopy Wall',
                                    'canopy_soffit' => 'Canopy Soffit',
                                    'gutter' => 'Gutter',
                                    'downspouts' => 'Downspouts',
                                    'fascia' => 'Fascia',
                                    'fascia_back_panel' => 'Fascia Back Panel',
                                ];
                            @endphp

                            @foreach($fields as $name => $label)
                                <tr>
                                    <td>{{ $label }}</td>
                                    <td>
                                        <input type="text"
                                               name="{{ $name }}"
                                               class="form-control"
                                               value="{{ old($name, $sheetingColor[$name] ?? '') }}">
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>

                <div class="mt-4">
                    <label class="form-label">Approved By</label>
                    <input type="text"
                           name="approved_by"
                           class="form-control"
                           value="{{ old('approved_by', $sheetingColor['approved_by'] ?? '') }}">
                </div>

                <div class="text-end mt-4">
                    <button type="submit" class="btn btn-primary px-4">
                        Submit Color Confirmation
                    </button>
                </div>

            </form>

        </div>
    </div>
</div>

@endsection