@extends('layouts.app')

@section('title', 'Add Companies')

@section('content')

<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Add Companies</h1>
        <a href="{{route('companylist.index')}}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                class="fas fa-arrow-left fa-sm text-white-50"></i> Back</a>
    </div>

    {{-- Alert Messages --}}
    @include('common.alert')
   
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Add New Company</h6>
        </div>
        <div class="card-body">
            <form method="POST" action="{{route('companylist.storecompanies')}}">
                @csrf
                <div class="form-group row">
              
                    {{-- COMPANY NAME --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Company_Name</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('name') is-invalid @enderror" 
                            id="name"
                            placeholder="Name" 
                            name="name" 
                            value="{{ old('name') }}">

                        @error('name')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    {{-- EMAIL --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Email</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('email') is-invalid @enderror" 
                            id="email"
                            placeholder="email" 
                            name="email" 
                            value="{{ old('email') }}">

                        @error('email')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    {{-- Mobile Number --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Mobile Number</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('mobile_number') is-invalid @enderror" 
                            id="mobile_number"
                            placeholder="mobile_number" 
                            name="mobile_number" 
                            value="{{ old('mobile_number') }}">

                        @error('item')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                   
                    {{-- Carrier_Number --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Carrier Account Number</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('carrier_number') is-invalid @enderror" 
                            id="carrier_number"
                            placeholder="Carrier Account Number" 
                            name="carrier_number" 
                            value="{{ old('carrier_number') }}">

                        @error('carrier_number')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    
                    {{-- Address --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Address</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('address') is-invalid @enderror" 
                            id="address"
                            placeholder="address" 
                            name="address" 
                            value="{{ old('address') }}">

                        @error('address')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    
                    {{-- city --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                      
                    <span style="color:red;">*</span>City</label>
                                
                    <select id="city" name="city" class="form-control ">
                                 <option value="0" selected  >Select City.....</option>
                                 @foreach ($cities as $data) 
                            <option value="{{$data->id}}">{{$data->name}}</option>
                            @endforeach
                               </select>

                                @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                    
                    </div>
                   
                    {{-- state --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>State</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('state') is-invalid @enderror" 
                            id="state"
                            placeholder="state" 
                            name="state" 
                            value="{{ old('state') }}" readonly>

                        @error('state')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    {{-- postalcode --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>postalcode</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('postalcode') is-invalid @enderror" 
                            id="postalcode"
                            placeholder="postalcode" 
                            name="postalcode" 
                            value="{{ old('postalcode') }}">

                        @error('postalcode')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    {{-- country_code --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Country_Code</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('country_code') is-invalid @enderror" 
                            id="country_code"
                            placeholder="country_code" 
                            name="country_code" 
                            value="{{ old('country_code') }}" readonly>

                        @error('country_code')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                  
                    
                   
                   
                    
                    {{-- descriptions --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Descriptions</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('descriptions') is-invalid @enderror" 
                            id="descriptions"
                            placeholder="descriptions" 
                            name="descriptions" 
                            value="{{ old('descriptions') }}">

                        @error('descriptions')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    
                    
                   
                    {{-- Status --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Status</label>
                        <select class="form-control form-control-user @error('status') is-invalid @enderror" name="status">
                            <option selected disabled>Select Status</option>
                            <option value="1" selected>Active</option>
                            <option value="0">Inactive</option>
                        </select>
                        @error('status')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    
                </div>
           
                {{-- Save Button --}}
                <button type="submit" class="btn btn-success btn-user btn-block">
                    Save
                </button>

            </form>
        </div>
    </div>

</div>


@endsection

@section('scripts')
<script>
        $(document).ready(function () {
  
            /*------------------------------------------
            --------------------------------------------
            Country Dropdown Change Event
            --------------------------------------------
            --------------------------------------------*/
            $('#city').on('change', function () {
                var idcity= this.value;
                $("#state").html('');
                $("#country_code").html('');
                $.ajax({
                    
                 
                    url: "{{ url('companylist/fetchcountrycode_state/') }}" ,
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        id: idcity,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                         
                         $.each(result.cities, function (key, value) {
                            $("#state").val(value.state_name);
                         $("#country_code").val(value.country_code);
                         });



                    
                    }
                });
            });
        });
  </script>
@endsection