@extends('layouts.master')

@section('content')
    <div class="row">
        <div class="col-12">
            <form action="{{ route('user.store') }}" method="POST">
                @csrf
                <div class="card">
                    <div class="card-body row">
                        <h4 class="card-title py-3">Add User</h4>
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="fname" class="col-md-4 col-form-label">First Name</label>
                                <div class="col-md-8">
                                    <input name="fname" class="form-control @error('fname') is-invalid @enderror"
                                        type="text" value="{{ old('fname') }}" id="fname">
                                    @error('fname')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <!-- Add other fields in a similar manner -->
                            <div class="mb-3 row">
                                <label for="lname" class="col-md-4 col-form-label">Last Name</label>
                                <div class="col-md-8">
                                    <input name="lname" class="form-control @error('lname') is-invalid @enderror"
                                        type="text" value="{{ old('lname') }}" id="lname">
                                    @error('lname')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="email" class="col-md-4 col-form-label">Email</label>
                                <div class="col-md-8">
                                    <input name="email" class="form-control @error('email') is-invalid @enderror"
                                        type="email" value="{{ old('email') }}" id="email">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <!-- Add other fields in a similar manner -->
                            <div class="mb-3 row">
                                <label for="role" class="col-md-4 col-form-label">Role</label>
                                <div class="col-md-8">
                                    <input name="role" class="form-control @error('role') is-invalid @enderror"
                                        type="text" value="{{ old('role') }}" id="role">
                                    @error('role')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="company" class="col-md-4 col-form-label">Company</label>
                                <div class="col-md-8">
                                    <input name="company" class="form-control @error('company') is-invalid @enderror"
                                        type="text" value="{{ old('company') }}" id="company">
                                    @error('company')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <!-- Add other fields in a similar manner -->
                            <div class="mb-3 row">
                                <label for="country" class="col-md-4 col-form-label">Country</label>
                                <div class="col-md-8">
                                    <input name="country" class="form-control @error('country') is-invalid @enderror"
                                        type="text" value="{{ old('country') }}" id="country">
                                    @error('country')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="mobile" class="col-md-4 col-form-label">Mobile</label>
                                <div class="col-md-8">
                                    <input name="mobile" class="form-control @error('mobile') is-invalid @enderror"
                                        type="text" value="{{ old('mobile') }}" id="mobile">
                                    @error('mobile')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="countrycode" class="col-md-4 col-form-label">Country Code</label>
                                <div class="col-md-8">
                                    <input name="countrycode"
                                        class="form-control @error('countrycode') is-invalid @enderror" type="text"
                                        value="{{ old('countrycode') }}" id="countrycode">
                                    @error('countrycode')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3 row">
                                <label for="industry" class="col-md-4 col-form-label">Industry</label>
                                <div class="col-md-8">
                                    <select name="industry" class="form-select @error('industry') is-invalid @enderror">
                                        <option value="">Select Industry</option>
                                        @foreach ($data['industryModel'] as $industry)
                                            <option value="{{ $industry->id }}">{{ $industry->industry }}</option>
                                        @endforeach
                                    </select>
                                    @error('industry')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="people_visit" class="col-md-4 col-form-label">People Visit</label>
                                <div class="col-md-8">
                                    <select name="people_visit"
                                        class="form-select @error('people_visit') is-invalid @enderror">
                                        <option value="">Select People Visit</option>
                                        @foreach ($data['peopleVisits'] as $peopleVisit)
                                            <option value="{{ $peopleVisit->id }}">{{ $peopleVisit->people_visits }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('people_visit')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="how_to_visit" class="col-md-4 col-form-label">How to Visit</label>
                                <div class="col-md-8">
                                    <select name="how_to_visit"
                                        class="form-select @error('how_to_visit') is-invalid @enderror">
                                        <option value="">Select How to Visit</option>
                                        @foreach ($data['howtoVisit'] as $howtoVisit)
                                            <option value="{{ $howtoVisit->id }}">{{ $howtoVisit->how_to_visits }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('how_to_visit')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="solve_tickets" class="col-md-4 col-form-label">Solve Tickets</label>
                                <div class="col-md-8">
                                    <select name="solve_tickets"
                                        class="form-select @error('solve_tickets') is-invalid @enderror">
                                        <option value="">Select Solve Tickets</option>
                                        @foreach ($data['solve'] as $solve)
                                            <option value="{{ $solve->id }}">{{ $solve->solve }}</option>
                                        @endforeach
                                    </select>
                                    @error('solve_tickets')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="currently_solve" class="col-md-4 col-form-label">Currently Solve</label>
                                <div class="col-md-8">
                                    <select name="currently_solve"
                                        class="form-select @error('currently_solve') is-invalid @enderror">
                                        <option value="">Select Currently Solve</option>
                                        @foreach ($data['currentlySolve'] as $currentlySolve)
                                            <option value="{{ $currentlySolve->id }}">
                                                {{ $currentlySolve->currently_solve }}</option>
                                        @endforeach
                                    </select>
                                    @error('currently_solve')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="about_us" class="col-md-4 col-form-label">About Us</label>
                                <div class="col-md-8">
                                    <select name="about_us" class="form-select @error('about_us') is-invalid @enderror">
                                        <option value="">Select About Us</option>
                                        @foreach ($data['hearethis'] as $hearethis)
                                            <option value="{{ $hearethis->id }}">{{ $hearethis->how_to_here }}</option>
                                        @endforeach
                                    </select>
                                    @error('about_us')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 d-flex align-items-center justify-content-end py-3">
                            <button class='btn px-4 btn-info' type='submit'>Submit</button>
                        </div>
                    </div>
                </div>
            </form>
        </div> <!-- end col -->
    </div>
    <!-- end row -->
@endsection