@extends('layouts.admin')
@section('content')
    <section class="dashboard-sec">
        <div class="dashboard-wrapper">
            <div class="dashboard-content-wrapper p-5">
                <section class="section">
                    <div class="section-body">
                        <div class="row">
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="card">
                                    <div class='ajax-response'></div>
                                    <div class="card-header">
                                        <h4>Add Sponsor</h4>
                                        <div class="card-header-form">
                                            <a class="btn btn-primary btn-lg float-end"
                                                href="{{ route('admin.sponsor.index') }}">Back</a>
                                        </div>
                                    </div>
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                    <div class="card-body">
                                        <form action="{{ route('admin.sponsor.store') }}" method="POST"
                                            enctype="multipart/form-data" id="sponsor-form">
                                            @csrf
                                            <div class="form-row form-cstm">
                                                <div class="form-group col-md-12">
                                                    <label>Company Name <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="company_name"
                                                            class="form-control @error('company_name') is-invalid @enderror"
                                                            value="{{ old('company_name') }}" required>
                                                        @error('company_name')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>First Name <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="first_name"
                                                            class="form-control @error('first_name') is-invalid @enderror"
                                                            value="{{ old('first_name') }}" required>
                                                        @error('first_name')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>Last Name <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="last_name"
                                                            class="form-control @error('last_name') is-invalid @enderror"
                                                            value="{{ old('last_name') }}" required>
                                                        @error('last_name')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>Email <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="email" name="email"
                                                            class="form-control @error('email') is-invalid @enderror"
                                                            value="{{ old('email') }}" required>
                                                        @error('email')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>Phone <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="phone" id='phone'
                                                            class="form-control @error('phone') is-invalid @enderror"
                                                            value="{{ old('phone') }}" required>
                                                        @error('phone')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>Extension </label>
                                                    <div class="formfield">
                                                        <input type="number" name="extension"
                                                            class="form-control @error('extension') is-invalid @enderror"
                                                            value="{{ old('extension') }}" >
                                                        @error('extension')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>Address <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="address"
                                                            class="form-control @error('address') is-invalid @enderror"
                                                            value="{{ old('address') }}" required>
                                                        @error('address')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>Country<span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <select name="country" id="country"
                                                            class="form-control @error('country') is-invalid @enderror"
                                                            value="{{ old('country') }}" required>
                                                            <option value="">Select any</option>    
                                                        </select>
                                                        @error('country')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                             
                                             
                                                <div class="form-group col-md-12">
                                                    <label>State <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <select name="state" id='state'
                                                            class="form-control @error('state') is-invalid @enderror"
                                                            value="{{ old('state') }}" required> 
                                                            <option value="">Select any</option>    
                                                        </select>
                                                        @error('state')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group col-md-12">
                                                    <label>Zip Code <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input name="zip_code" id='zip_code'
                                                            class="form-control @error('zip_code') is-invalid @enderror"
                                                            value="{{ old('zip_code') }}" required> 
                                                        @error('zip_code')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group col-md-12">
                                                    <label>City <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="city"
                                                            class="form-control @error('city') is-invalid @enderror"
                                                            value="{{ old('city') }}" required>
                                                        @error('city')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="form-group col-md-12">
                                                    <label>Company Website Link <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="company_website_link"
                                                            class="form-control @error('company_website_link') is-invalid @enderror"
                                                            value="{{ old('company_website_link') }}" required>
                                                        @error('company_website_link')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                           
                                  
                                                <button type="submit" class="btn btn-primary">Submit</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </section>
@endsection

@push('pagespecificscripts')
    @includeFirst(['validation'])
    @include('validations.js_sponsor')

    <script type="text/javascript">
        $(function() {
            var dtToday = new Date();
            var month = dtToday.getMonth() + 1;
            var day = dtToday.getDate();
            var year = dtToday.getFullYear();
            if (month < 10)
                month = '0' + month.toString();
            if (day < 10)
                day = '0' + day.toString();
            var maxDate = year + '-' + month + '-' + day;
            $('#start_date').attr('min', maxDate);
            $('#end_date').attr('min',maxDate )
        });
    </script>
      <script>
        jQuery(document).ready(function() {
            let url = "{{ route('countries') }}";

            //hit the ajax
            let response = ajaxCall(url, 'get');
            response.then(function(response) {
                let html = '<option value="" >Country</option>';
                if (response.status) {
                    // setting country options
                    jQuery.each(response.data, function(key, value) {
                        html +=
                            `<option id="${value.id}" value="${value.id}" ${(value.id == "")}>${value.upper_name}</option>`;
                    });
                    jQuery('#country').html(html);
                }

                jQuery('#country').change(function() {
                    //get the country id
                    let id = jQuery(this).find('option:selected').attr('id');

                    let urlState = APP_URL + '/states/' + id;
                    //hit the ajax
                    let result = ajaxCall(urlState, 'get');
                    result.then(function(result) {
                        let stateHtml = '<option value="" >State</option> ';
                        if (result.status) {
                            //setting options
                            jQuery.each(result.data, function(key, value) {
                                stateHtml +=
                                    `<option id="${value.id}" value="${value.id}">${value.name}</option>`;
                            });
                            jQuery('#state').html(stateHtml);
                        }
                    })
                })
            })
            
            //FORMATTING PHONE NUMBER
            $("#phone").keypress(function(e) {
                if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                    return false;
                }
                var curchr = this.value.length;
                var curval = $(this).val();
                if (curchr == 1 && curval.indexOf("-") <= -1) {
                    $(this).val(curval + "-");
                } else if (curchr == 5 && curval.indexOf("-") > -1) {
                    $(this).val(curval + "-");
                } else if (curchr == 9 && curval.indexOf("-") > -1) {
                    $(this).val(curval + "-");
                } else if (curchr == 14) {
                    // $(this).val(curval + "-");
                    $(this).attr('maxlength', '14');
                }
            });
        })
    </script>
@endpush