@extends('admin.layout.master')
@section('title', 'Add New Client')
@section('content')
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="card">
                <form action="{{route('admin.add.new.client.process')}}" method="POST">
                    @csrf
                    <div class="card-body">
                        <h6 class="card-title" style="text-align: center">Client Profile</h6>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" id="input1" class="input-field form-control"
                                        name="client_name" placeholder="Client Name" />
                                    <label class="form-label">Client Name</label>
                                </div>

                                @error('client_name')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="number" id="input1" class="input-field form-control"
                                        name="client_phone_no" placeholder="Client Phone No" />
                                    <label class="form-label">Client Phone No</label>
                                </div>

                                @error('client_phone_no')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="form-floating">

                                    <input type="text" class="form-control" name="client_email"
                                        placeholder="Client Email" />
                                    <label class="form-label">Client Email</label>

                                </div>
                                @error('client_email')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="form-floating">

                                    <input type="password" class="form-control" name="client_password"
                                        placeholder="Client Password" />
                                    <label class="form-label">Client Password</label>

                                </div>
                                @error('client_password')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="form-floating">

                                    <input type="password" class="form-control" name="pin"
                                        placeholder="Please Enter Pin" />
                                    <label class="form-label">Pin</label>

                                </div>
                                @error('pin')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        {{-- <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="form-floating">

                                    <select class="form-select" name="year" id="year">
                                        <option value="">Select Year</option>
                                        <option value="Jan2024">Jan 2024</option>
                                        <option value="Feb2024">Feb 2024</option>
                                        <option value="Mar2024">Mar 2024</option>
                                        <option value="Apr2024">Apr 2024</option>
                                        <option value="May2024">May 2024</option>
                                        <option value="Jun2024">Jun 2024</option>
                                        <option value="jul2024">Jul 2024</option>
                                        <option value="Aug2024">Aug 2024</option>
                                        <option value="Sep2024">Sep 2024</option>
                                        <option value="Oct2024">Oct 2024</option>
                                        <option value="Nov2024">Nov 2024</option>
                                        <option value="Dec2024">Dec 2024</option>
                                    </select>
                                    <label class="form-label">Year</label>

                                </div>
                                @error('year')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div> --}}
                        <div class="mb-3">
                            <label class="form-label"></label>
                            <div>
                              {{-- <div class="form-check form-check-inline">
                                <input type="checkbox" class="form-check-input" name="monthly" id="return_filing" value="Monthly">
                                <label class="form-check-label" for="gender1">
                                    OWNER/AUTHORISED PERSON
                                </label>
                              </div> --}}
                              <div class="form-check form-check-inline">
                                <input type="checkbox" class="form-check-input " @if(old('monthly')=="Quaterly") checked @endif name="monthly" id="return_filing" value="Quaterly">
                                <label class="form-check-label" for="gender2">
                                    ACCOUNTANT/MANAGER

                                </label>
                              </div>
                            </div>
                        </div>
                        <div class="row mb-3" style="display: @if(old('monthly')=="Quaterly") block @else none @endif;" id="return_filing_show">
                            <div class="col-md-2">
                                <label class="form-label">Manager Name</label>
                                <input class="form-control" name="manager_name" placeholder="Name"/>
                                @error('manager_name')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <br>
                            <div class="col-md-2">
                                <label class="form-label">Manager Phone No</label>
                                <input class="form-control" name="manager_mobile_no"
                                     placeholder="Mobile No"/>
                                     @error('manager_mobile_no')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
        
                            </div>
                            <br>
                            <div class="col-md-2">
                                <label class="form-label">Manager Email ID</label>
                                <input class="form-control" name="manager_email_id"
                                     placeholder="Email ID"/>
                                     @error('manager_email_id')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
        
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">Manager Password</label>
                                <input class="form-control" name="manager_password"
                                     placeholder="Manager Password"/>
                                     @error('manager_password')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
        
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">Manager Pin</label>
                                <input class="form-control" name="manager_pin"
                                     placeholder="Manager Pin"/>
                                     @error('manager_pin')
                                    <span class="alert-danger">{{ $message }}</span>
                                @enderror
        
                            </div>
                            
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <button type="submit" class="btn btn-primary" style="float: right">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
<script>
    $(document).ready(function(){
        $('#return_filing').click(function() {
            var selectedValue = $(this).val();
                $('#return_filing_show').toggle();
                $('#return_filing_show1').toggle();

            });
    })
</script>

@endsection