@extends('staff.layout')

@section('content')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
        .proposal-card {
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background: #fafafa;
            font-family: Arial, sans-serif;
            box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
            margin-bottom: 20px;
            height: 100%;
        }

        .proposal-card h4 {
            margin-bottom: 10px;
        }

        .proposal-card p {
            margin: 5px 0;
        }

        .view-btn {
            display: inline-block;
            padding: 8px 15px;
            background-color: rgb(44, 19, 134);
            color: white;
            border-radius: 4px;
            text-decoration: none;
        }
    </style>


    <a href="{{ route('staff.proposal', ['id' => $profile->id]) }}" class="view-btn">Create Proposal</a>


    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert" style="width: 350px;">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif


    @if (session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert" style="width: 350px;">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif



    <form action="{{ route('update') }}" method="POST">
        @csrf
        <input type="hidden" name="id" value="{{ $profile->id }}">

        <div class="container">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="name">Full Name</label>
                    <input type="text" name="name" class="form-control" id="name"
                        value="{{ old('name', $profile->name) }}">
                </div>

                <div class="col-md-6 mb-3">
                    <label for="email">Email</label>
                    <input type="email" name="email" class="form-control" id="email"
                        value="{{ old('email', $profile->email) }}">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="phone">Phone Number</label>
                    <input type="text" name="phone" class="form-control" id="phone"
                        value="{{ old('phone', $profile->phone) }}">
                </div>

                {{-- <div class="col-md-6 mb-3">
                    <label for="alt_phone">Alternate Phone</label>
                    <input type="text" name="alt_phone" class="form-control" id="alt_phone"
                        value="{{ old('alt_phone', $profile->alt_phone) }}">
                </div> --}}
            </div>

            {{-- <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="address">Address</label>
                    <input type="text" name="address" class="form-control" id="address"
                        value="{{ old('address', $profile->address) }}">
                </div>

                <div class="col-md-6 mb-3">
                    <label for="city">City</label>
                    <input type="text" name="city" class="form-control" id="city"
                        value="{{ old('city', $profile->city) }}">
                </div>
            </div> --}}

            {{-- <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="state">State</label>
                    <input type="text" name="state" class="form-control" id="state"
                        value="{{ old('state', $profile->state) }}">
                </div>

                <div class="col-md-6 mb-3">
                    <label for="zip">Zip Code</label>
                    <input type="text" name="zip" class="form-control" id="zip"
                        value="{{ old('zip', $profile->zip) }}">
                </div>
            </div> --}}

            <div class="row">
                <div class="col-md-12 text-right">
                    <button type="submit" class="btn btn-primary" style="background-color:rgb(44, 19, 134); border:none;">
                        Update Profile
                    </button>
                </div>
            </div>
        </div>
    </form>




    <div class="container">
        <h3 class="text-center my-4">PROJECT PROPOSALS</h3>
        <div class="row">
            @foreach ($proposals as $proposal)
                <div class="col-md-4 d-flex">
                    <div class="proposal-card w-100">
                        <h6>#PR07032025226</h6>
                        <p><strong>Date:</strong> {{ \Carbon\Carbon::parse($proposal->date)->format('d-m-Y') }}</p>
                        <p><strong>Open Till:</strong> {{ \Carbon\Carbon::parse($proposal->open_till)->format('d-m-Y') }}
                        </p>
                        <br>
                        <a href="{{ route('view_proposal', $proposal->id) }}" class="view-btn">View Details</a>
                        <form action="{{ route('send_mail', $proposal->id) }}" method="POST" style="margin-top: 20px;">
                            @csrf
                            <button type="submit"
                                style="padding: 8px 16px; background-color: darkorange; color: white; border: none; border-radius: 5px;">
                                📧 Send Email
                            </button>
                        </form>

                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection