@extends('layouts.admin_template')
@section('content')
<div class="container-fluid px-3 px-xxl-5">
    <div class="titel-head pb-2 pb-xl-4 text-center mt-3 mt-xl-5">
        <h1>@lang('translate.add_leads')</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="row mb-3 d-flex justify-content-center">
        <div class="col-lg-10">
            <form action="/admin/sales/leads/leadsstore" method="POST">
                @csrf
                <div class="bg-dark rounded-3 p-4 p-xl-5 p-xxl-5 mt-3">
                    <div class="row gx-4 gx-xl-5">
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label for="name" class="form-label">@lang('translate.name') <span class="required-mark">*</span></label>
                                <input type="text" class="form-control form-control-lg" id="name" name="name" placeholder="@lang('translate.name')">
                                @error('name')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label for="phone" class="form-label">@lang('translate.phone') <span class="required-mark">*</span></label>
                                <input type="text" class="form-control form-control-lg" id="phone" placeholder="@lang('translate.phone')" name="phone">
                                @error('phone')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label for="email" class="form-label">@lang('translate.email') <span class="required-mark">*</span></label>
                                <input type="email" class="form-control form-control-lg" id="email" placeholder="@lang('translate.email')" name="email">
                                @error('email')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label for="country" class="form-label">@lang('translate.country') <span class="required-mark">*</span></label>
                                <select name="country" class="select2 form-control form-control-lg bg-dark @error('country') is-invalid @enderror" id="country">
                                    <option value=''>@lang('translate.please_choose')</option>
                                    @foreach ($countrylist as $country)
                                    <option value='{{ $country->name }}'>{{ $country->name }}</option>
                                    @endforeach
                                </select>
                                @error('country')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label for="description" class="form-label">@lang('translate.description') <span class="required-mark">*</span></label>
                                <textarea type="text" class="form-control form-control-lg" id="description" name="description"></textarea>
                                @error('description')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label for="source" class="form-label">@lang('translate.source') <span class="required-mark">*</span></label>
                                <input type="text" name="source" class="form-control" id="source">
                                    
                                @error('source')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label for="status" class="form-label">@lang('translate.status') <span class="required-mark">*</span></label>
                                <input type="text" name="status" class="form-control" id="status">
                                @error('status')
                                <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">@lang('translate.submit')</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection