@php
$header_title="Aurobees | Partner Management | Partner";
$header_name = 'partner_management';
$page_name = 'partner';
@endphp
@extends('admin.admin_master')
@section('admin')
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>Partner</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard')}}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.partner.view')}}">Partner Management</a></li>
                            <li class="breadcrumb-item active">Edit</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content-header -->
        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Edit Partner</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <form method="POST" autocomplete="off" action="{{ route('admin.partner.update',$data->id) }}">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>First Name<span style="color:red;font-size: 120%;">*</span></label>
                                                <input type="text" name="f_name" id="f_name" value="{{$data->f_name}}" class="form-control" placeholder="Enter First Name" required>
                                                @error('f_name')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Last Name<span style="color:red;font-size: 120%;">*</span></label>
                                                <input type="text" name="l_name" id="l_name" value="{{$data->l_name}}" class="form-control" placeholder="Enter Last Name" required>
                                                @error('l_name')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Phone Number<span style="color:red;font-size: 120%;">*</span></label>
                                                <input type="number" name="phone" id='phone' value="{{$data->phone}}" class="form-control" placeholder="Enter Phone Number" required>
                                                @error('phone')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Email<span style="color:red;font-size: 120%;">*</span></label>
                                                <input type="email" name="email" id="email" value="{{$data->email}}" class="form-control" placeholder="Enter Email" required>
                                                @error('email')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label>International Calling Code<span style="color:red;font-size: 120%;">*</span></label>
                                                    <select  class="form-control custom-select select2" name="calling_code" id="calling_code" >
                                                        @foreach ($calling_code_list as $key=> $calling_code)
                                                             <option value="{{$calling_code->country_code}}" @if($data->calling_code && $data->calling_code ==$calling_code->country_code) selected @endif>{{$calling_code->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('calling_code')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Company Name<span style="color:red;font-size: 120%;">*</span></label>
                                                <input type="text" name="company" id="company" class="form-control" placeholder="Enter Company Name" value="{{$data->company}}" required>
                                                @error('company')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Country Name<span style="color:red;font-size: 120%;">*</span></label>
                                                <select  class="form-control" name="country" id="country" required>
                                                   @foreach ($country_list as $country)
                                                        <option value="{{$country->code}}" @if(($data->country && $data->country ==$country->code) ||(!$data->country &&$country->code=='IN')) selected @endif >{{$country->name}}</option>
                                                   @endforeach
                                                </select>
                                                @error('country')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6 statelist-div">
                                            <div class="form-group">
                                                <label>State Name<span style="color:red;font-size: 120%;">*</span></label>
                                                <select  class="form-control custom-select " name="statelist" id="statelist" >
                                                   @foreach ($state_list as $state)
                                                        <option value="{{$state->code}}"  @if($data->state && $data->state ==$state->code) selected @endif>{{$state->name}}</option>
                                                   @endforeach
                                                </select>
                                                @error('statelist')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>City Name</label>
                                                <input type="text" name="city" id="city" class="form-control" placeholder="Enter City Name"  value="{{$data->city}}">
                                                @error('city')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Address</label>
                                                <input type="text" name="address" id="address" class="form-control"  value="{{$data->address}}" placeholder="Enter Address">
                                                @error('address')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6 pincode-div">
                                            <div class="form-group">
                                                <label>Pincode<span style="color:red;font-size: 120%;">*</span></label>
                                                <input type="text" name="pincode" id="pincode" class="form-control"  value="{{$data->pincode}}" placeholder="Enter Pincode"  >
                                                @error('pincode')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Agreement From Date</label>
                                                <input type="date" name="agreement_from_date" id="agreement_from_date" class="form-control"  value="{{$data->agreement_from_date}}"   >
                                                @error('agreement_from_date')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Agreement to Date</label>
                                                <input type="date" name="agreement_to_date" id="agreement_to_date" class="form-control"  value="{{$data->agreement_to_date}}" >
                                                @error('agreement_to_date')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Commission Percentage</label>
                                                <input type="text" name="partner_commission_percentage" id="partner_commission_percentage" class="form-control"  value="{{$data->partner_commission_percentage}}" >
                                                @error('partner_commission_percentage')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Partner Code<span style="color:red;font-size: 120%;">*</span></label><br>
                                                <small>If no users are registered under the partner, the partner code will be changed. Otherwise, it will remain unchanged.</small>
                                                <input type="text" name="code" id="code" class="form-control"  value="{{$data->code}}" required >
                                                @error('code')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    {{-- other data --}}
                                    @if(isset($partner_details) && !$partner_details->isEmpty())
                                        <div class="row">
                                            <div class="col-12">
                                                <table class="table" style="width: 100%;">
                                                    <thead>
                                                        <tr>
                                                            <th>Lable</th>
                                                            <th>Value</th>
                                                            <th style="width: 190px;">
                                                                <input type="radio" value="Approve"  name="labelApproveReject"  id="verifylabelApproveReject"> <label for="verifylabelApproveReject">Approve</label> &nbsp; &nbsp;
                                                                <input type="radio" value="Reject" name="labelApproveReject" id="rejectlabelApproveReject"> <label for="rejectlabelApproveReject">Reject</label>
                                                            </th>
                                                            <th>Remarks</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php $i=0; @endphp
                                                        @foreach ($partner_details as $partner)
                                                            <tr>
                                                                <th></th>
                                                                @php $arr=array('pan_card_copy','aadhar_card_copy','company_address_proof','company_registration_copy','passport_copy','passport_copy','passport_copy','kyc_form','acra_profile_copy','tax_registration_document','passport_size_photo','partners_signature_copy','partner_contract'); @endphp
                                                                @if (in_array($partner->key,$arr))
                                                                    <td><a href="{{url($partner->value)}}" target="_blank">View</a></td>
                                                                @else
                                                                    <td>{{ $partner->value }}</td>
                                                                @endif
                                                                <input type="hidden" name="data1[{{$i}}][child_id]" value="{{$partner->id}}">
                                                                <td>
                                                                    <input type="radio" value="Approve" class="approve-radio-button" name="data1[{{$i}}][verify]" @if($partner->verify=='Approve') checked @endif id="verify{{$i}}"> <label class="approve-radio-label" for="verify{{$i}}">Approve</label> &nbsp; &nbsp;
                                                                    <input type="radio" value="Reject" name="data1[{{$i}}][verify]" @if($partner->verify=='Reject') checked @endif id="reject{{$i}}"> <label class="reject-radio-label" for="reject{{$i}}">Reject</label>
                                                                </td>
                                                                <td style="width:30%;"><textarea class="form-control" name="data1[{{$i}}][remarks]">{{$partner->remarks}}</textarea> </td>
                                                            </tr>
                                                            @php $i++; @endphp
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    @endif
                                    <hr>
                                    <center><input type="submit" value="Update" class="btn btn-round btn-primary"></center>
                                </form>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script>
        @if ($data->country=='IN')
            $('.statelist-div').show();
        @else
            $('.statelist-div').hide();
        @endif
        @if ($data->country=='AE')
            $('.pincode-div').hide();
        @else
            $('.pincode-div').show();
        @endif


        $('#country').change(function(){
            if($(this).val()=='IN'){
                $('.statelist-div').show();
            }else{
                $('.statelist-div').hide();
            }

            if($(this).val()=='AE'){
                $('.pincode-div').hide();
            }else{
                $('.pincode-div').show();
            }
        });

        //email
        jQuery(document).on('keypress', '#email', function(event) {
                var regex = new RegExp("^[a-zA-Z.0-9.@]+$");
                var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
                if (!regex.test(key) && event.which !== 13) {
                    event.preventDefault();
                    return false;
                }
            });
            //Dealer Name
            jQuery(document).on('keypress', '#f_name,#l_name', function(event) {
                $(this).css({'text-transform': 'capitalize'});
                var regex = new RegExp("^[a-zA-Z ]+$");
                var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
                if (!regex.test(key) && event.which !== 13) {
                    event.preventDefault();
                    return false;
                }
            });
            //phone
            jQuery(document).on('keypress', '#phone', function(event) {
                var regex = new RegExp("^[0-9]+$");
                var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
                if (!regex.test(key) && event.which !== 13) {
                    event.preventDefault();
                    return false;
                }
                var phone_no=$('#phone').val();
                if(phone_no.length>10){
                    return false;
                }
            });
            //phone
            jQuery(document).on('keypress', '#pincode', function(event) {
                var regex = new RegExp("^[0-9]+$");
                var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
                if (!regex.test(key) && event.which !== 13) {
                    event.preventDefault();
                    return false;
                }
            });
            //Street  Address
            jQuery(document).on('keypress', '#address,#company,#state,#city', function(event) {
                $(this).css({'text-transform': 'capitalize'});
                var regex = new RegExp("^[a-zA-Z0-9 .' ,-]+$");
                var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
                if (!regex.test(key) && event.which !== 13) {
                    event.preventDefault();
                    return false;
                }
            });
            //partner_commission_percentage
            jQuery(document).on('keypress', '#partner_commission_percentage', function(event) {
                var regex = new RegExp("^[0-9.]+$"); // Allow only numbers and decimal points
                var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);

                // If the input is not a valid number or decimal point, prevent the input
                if (!regex.test(key) && event.which !== 13) {
                    event.preventDefault();
                    return false;
                }
            });

            jQuery(document).on('input', '#partner_commission_percentage', function() {
                var value = parseFloat(jQuery(this).val());

                // Check if the value is between 0.00 and 100.00
                if (value < 0 || value > 100) {
                    jQuery(this).val(''); // Clear the input if out of bounds
                }
            });

        </script>

    <script>
        $('[name="labelApproveReject"]').on('change', function() {
            if ($(this).val()=='Approve') {
                $('.approve-radio-label').trigger('click');
            } 
            if($(this).val()=='Reject'){
                $('.reject-radio-label').trigger('click');
            }
        });
    </script>
@endsection