@extends('layouts.dashboard')
@section('pagehead', 'Clients')
@section('bredcrumb-item-link',url('/home/user/clients'))
@section('bredcrumb-item','All Clients')

@section('content')
<section>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                </div>
                <div class="card-body">
                    <h5 class="card-title">Add Client</h5>
                    <!-- Vertical Form -->
                    <form class="row g-3" action="{{ url('home/user/client/register') }}" method="POST">
                    @csrf
                    <div class="col-6">
                        <label for="inputNanme4" class="form-label">Company Name <span style="color:red">*</span></label>
                        <input type="text" name="company_name" class="form-control @error('company_name') is-invalid @enderror" id="inputNanme4">
                        @error('company_name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="col-6">
                            <label for="inputAddress" class="form-label">Address <span style="color:red">*</span></label>
                            <input type="text" name="address" class="form-control @error('company_name') is-invalid @enderror" id="inputAddress" placeholder="1234 Main St">
                            @error('address')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-4">
                            <label class="form-label">Country <span style="color:red">*</span></label>
                            <select tabindex="4" class="list_dropdown form-control" id="country" placeholder="Country Name..." name="country"></select>
                        </div>
                        <div class="col-4">
                            <label class="form-label">State <span style="color:red">*</span></label>
                            <select tabindex="5" class="list_dropdown form-control" id="state" placeholder="State Name..." name="state"></select>
                        </div>
                        <div class="col-4">
                            <label class="form-label">City <span style="color:red">*</span></label>
                            <input class="form-control @error('city') is-invalid @enderror" name="city" placeholder="Enter City" type="text" id="city-1" />
                            @error('city')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-4">
                            <label class="form-label">Pin <span style="color:red">*</span></label>
                            <input type="number" name="pin" class="form-control @error('pin') is-invalid @enderror" id="inputPassword4">
                            @error('pin')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-4">
                            <label class="form-label">Landline Number</label>
                            <input type="number" name="landline_number" class="form-control" id="inputPassword4">
                        </div>
                        <div class="col-4">
                            <label class="form-label">Mobile Number <span style="color:red">*</span></label>
                            <input type="text" name="mobile_number" class="form-control @error('mobile_number') is-invalid @enderror" id="inputPassword4">
                            @error('mobile_number')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-4">
                            <label for="inputEmail4" class="form-label">Email</label>
                            <input type="email" name="email" class="form-control" id="inputEmail4">
                        </div>
                        <div class="col-4">
                            <label for="inputEmail4" class="form-label">Secondary Email</label>
                            <input type="text" name="secondary_email" placeholder="abc@tio.com,xyz@tio.com" class="form-control" id="inputEmail4">
                        </div>
                        <div class="col-4">
                            <label class="form-label">Pan <span style="color:red">*</span></label>
                            <input type="text" name="pan" class="form-control @error('pan') is-invalid @enderror" id="inputPassword4">
                            @error('pan')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label class="form-label">Gst</label>
                            <input type="text" name="gst" class="form-control" id="inputPassword4">
                        </div>
                        <div class="col-6">
                            <label for="inputNanme4" class="form-label">Your Name</label>
                            <input type="text" name="name" class="form-control" id="inputNanme4">
                        </div>
                        <div class="col-6">
                            <label for="inputPassword4" class="form-label">Password</label>
                            <input type="password" name="password" class="form-control" id="inputPassword4">
                        </div>
                        <div class="col-6">
                            <label class="form-label">Opening Balance</label>
                            <input type="number" name="opening_balance" class="form-control" id="inputPassword4">
                        </div>
                        <div class="col-6">
                            <label class="form-label">Date</label>
                            <input type="date" name="date" class="form-control" id="inputPassword4">
                        </div>
                        <div class="col-12">
                          <label class="form-label">Type</label><br>
                          <input type="radio" id="credit" name="type" value="credit">
                          <label for="credit">Credit</label><br>
                          <input type="radio" id="debit" name="type" value="debit">
                          <label for="debit">Debit</label><br>
                          <input type="radio" id="nill" name="type" value="nill">
                          <label for="nill">Nill</label><br>
                        </div>
                        <input type="hidden" name="role" class="form-control" value="3">
                        <div class="text-center">
                        <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form><!-- Vertical Form -->

                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('scripts')
<script>
     populateCountries("country", "state");
</script>
@endsection