@extends('layout.marketing_template')

@section('marketingContent')
    <div class="titel-head pb-2 pb-xl-4 mt-3 mt-xl-5">
        <h1>Upload User Documents</h1>
    </div>
    <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if (Session::has('alert-' . $msg))
                <div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
                    <strong>{{ ucfirst($msg == 'danger' ? 'Error' : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
        @endforeach
    </div>
    <div class="bg-dark rounded-3 px-4 py-4 px-xl-6 py-xl-5 mb-4">
        <form action="{{ url('/marketing/user/uploaduserdocumentstore') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row gx-4 gx-xl-5">
                <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="mb-4">
                        <label for="userid" class="form-label">Select Client <span style="color: red;">*</span></label>
                        <select name="userid"
                            class="marketinguseridajax form-control form-control-lg bg-dark @error('userid') is-invalid @enderror"
                            id="marketinguseridajax">
                        </select>
                        @error('userid')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row gx-4 gx-xl-5">
                <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="mb-4">
                        <label for="poi" class="form-label">Proof of Identity (POI) <span
                                style="color: red;">*</span></label>
                        <input type="file" name="poi"
                            class="form-control form-control-lg bg-secondary @error('poi') is-invalid @enderror"
                            id="poi" name="poi" accept="image/jpg, image/jpeg, image/png, application/pdf">
                        @error('poi')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row gx-4 gx-xl-5">
                <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="mb-4">
                        <label for="poa" class="form-label">Proof of Address (POA) <span
                                style="color: red;">*</span></label>
                        <input type="file" name="poa"
                            class="form-control form-control-lg bg-secondary @error('poa') is-invalid @enderror"
                            id="poa" accept="image/jpg, image/jpeg, image/png, application/pdf">
                        @error('poa')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="col-md-12 pt-2">
                <button class="btn btn-primary btn-xs font-15" type="submit">Submit</button>
            </div>
        </form>
    </div>
@endsection