@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('structure.colorSubmit') }}" method="POST">
                @csrf

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

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

                <div class="row g-3">

                    {{-- Customer Name --}}
                    <div class="col-md-4">
                        <label class="form-label">Customer Name</label>
                        <input type="text"
                               name="customer_name"
                               class="form-control"
                               value="{{ old('customer_name', $structureColor['customer_name'] ?? '') }}">
                    </div>

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

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

                    <div class="col-12 mt-3">
                        <hr>
                        <h6>Description & Color Details</h6>
                    </div>

                    {{-- Primary Members --}}
                    <div class="col-md-6">
                        <label class="form-label">
                            Primary Members (Structure)
                        </label>
                        <input type="text"
                               name="primary_structure_color"
                               class="form-control"
                               value="{{ old('primary_structure_color', $structureColor['primary_structure_color'] ?? '') }}">
                    </div>

                    {{-- Secondary Members --}}
                    <div class="col-md-6">
                        <label class="form-label">
                            Secondary Members (Purlins & Girts)
                        </label>
                        <input type="text"
                               name="secondary_members_color"
                               class="form-control"
                               value="{{ old('secondary_members_color', $structureColor['secondary_members_color'] ?? '') }}">
                    </div>

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

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

                </div>
            </form>

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

@endsection