{{-- resources/views/admin/corporateclient/addcorporate.blade.php --}}

@extends('layouts.main')

@section('title', 'Corporate Client Management')

@section('content')

<div class="container-fluid py-4">

    {{-- Page Header --}}
    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h3 class="fw-bold mb-1">
                Corporate Client Management
            </h3>

            <p class="text-muted mb-0">
                Add and manage corporate client users
            </p>

        </div>

    </div>

    {{-- Add Form --}}
    <div class="card border-0 shadow-lg rounded-4 overflow-hidden mb-4">

        {{-- Card Header --}}
        <div class="card-header bg-primary text-white py-3 border-0">

            <h5 class="mb-0 fw-bold">
                Add Corporate Client
            </h5>

        </div>

        {{-- Card Body --}}
        <div class="card-body p-4">

            {{-- Success Message --}}
            @if(session('success'))

                <div class="alert alert-success alert-dismissible fade show">

                    {{ session('success') }}

                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="alert">
                    </button>

                </div>

            @endif

            {{-- Validation Errors --}}
            @if($errors->any())

                <div class="alert alert-danger">

                    <ul class="mb-0 ps-3">

                        @foreach($errors->all() as $error)

                            <li>{{ $error }}</li>

                        @endforeach

                    </ul>

                </div>

            @endif

            {{-- Form --}}
            <form method="POST"
                  action="{{ route('corporate.storecorporate') }}">

                @csrf

                <div class="row align-items-end">

                    {{-- Name --}}
                    <div class="col-md-2 mb-3">

                        <label class="form-label fw-semibold">
                            Name
                        </label>

                        <input type="text"
                               name="corporateclient_name"
                               class="form-control @error('corporateclient_name') is-invalid @enderror"
                               placeholder="Name"
                               value="{{ old('corporateclient_name') }}">

                    </div>

                    {{-- Email --}}
                    <div class="col-md-2 mb-3">

                        <label class="form-label fw-semibold">
                            Email
                        </label>

                        <input type="email"
                               name="corporateclient_email"
                               class="form-control @error('corporateclient_email') is-invalid @enderror"
                               placeholder="Email"
                               value="{{ old('corporateclient_email') }}">

                    </div>

                    {{-- Password --}}
                    <div class="col-md-2 mb-3">

                        <label class="form-label fw-semibold">
                            Password
                        </label>

                        <input type="password"
                               name="corporateclient_password"
                               class="form-control @error('corporateclient_password') is-invalid @enderror"
                               placeholder="Password">

                    </div>

                    {{-- Department --}}
                    <div class="col-md-2 mb-3">

                        <label class="form-label fw-semibold">
                            Department
                        </label>

                        <input type="text"
                               name="corporateclient_department"
                               class="form-control @error('corporateclient_department') is-invalid @enderror"
                               placeholder="Department"
                               value="{{ old('corporateclient_department') }}">

                    </div>

                    {{-- Employee ID --}}
                    <div class="col-md-2 mb-3">

                        <label class="form-label fw-semibold">
                            Employee ID
                        </label>

                        <input type="text"
                               name="employee_id"
                               class="form-control @error('employee_id') is-invalid @enderror"
                               placeholder="Employee ID"
                               value="{{ old('employee_id') }}">

                    </div>

                    {{-- Submit --}}
                    <div class="col-md-2 mb-3">

                        <button type="submit"
                                class="btn btn-primary w-100 rounded-pill">

                            <i class="bi bi-check-circle me-1"></i>
                            Save

                        </button>

                    </div>

                </div>

            </form>

        </div>

    </div>

    {{-- List Section --}}
    <div class="card border-0 shadow-lg rounded-4 overflow-hidden">

        {{-- Table Header --}}
        <div class="card-header bg-dark text-white py-3 border-0">

            <h5 class="mb-0 fw-bold">
                Corporate Client List
            </h5>

        </div>

        {{-- Table --}}
        <div class="card-body p-0">

            <div class="table-responsive">

                <table class="table table-hover align-middle mb-0">

                    <thead class="table-light">

                        <tr>

                            <th>ID</th>

                            <th>Name</th>

                            <th>Email</th>

                            <th>Department</th>

                            <th>Employee ID</th>

                            <th>Created At</th>

                            <th class="text-center">
                                Action
                            </th>

                        </tr>

                    </thead>

                    <tbody>

                        @forelse($corporateclients as $client)

                            <tr>

                                <td>
                                    {{ $client->id }}
                                </td>

                                <td>
                                    {{ $client->corporateclient_name }}
                                </td>

                                <td>
                                    {{ $client->corporateclient_email }}
                                </td>

                                <td>
                                    {{ $client->corporateclient_department }}
                                </td>

                                <td>
                                    {{ $client->employee_id }}
                                </td>

                                <td>
                                    {{ $client->created_at->format('d M Y') }}
                                </td>

                                {{-- Action Buttons --}}
                               <td class="text-center">

                                <div class="d-flex justify-content-center align-items-center gap-2">

                                    {{-- Edit Button --}}
                                    <a href="{{ route('corporate.corporateedit', $client->id) }}"
                                    class="btn btn-sm btn-primary rounded-circle d-flex align-items-center justify-content-center"
                                    style="width:35px; height:35px;">

                                        <i class="bi bi-pencil-square"></i>

                                    </a>

                                    {{-- Delete Button --}}
                                    <a href="{{ route('corporate.deletecorporate', $client->id) }}"
                                    class="btn btn-sm btn-danger rounded-circle d-flex align-items-center justify-content-center"
                                    style="width:35px; height:35px;"
                                    onclick="return confirm('Are you sure you want to delete this client?')">

                                        <i class="bi bi-trash"></i>

                                    </a>

                                </div>

                            </td>

                            </tr>

                        @empty

                            <tr>

                                <td colspan="7"
                                    class="text-center text-muted py-4">

                                    No Corporate Clients Found

                                </td>

                            </tr>

                        @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>

@endsection