@extends('inventory.layout') 
@section('title', 'Edit Tenant')
@section('content')
    <!-- push external head elements to head -->
    @push('head')
        <link rel="stylesheet" href="{{ asset('plugins/select2/dist/css/select2.min.css') }}">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.css">
        <style type="text/css">
            .gsterror{
                color: red;
            }
            .emailerror{
                color: red;
            }
            .gstverify{
                color: #4b9732;
            }
            .protable{
                overflow-x: auto;
            }
        </style>
    @endpush

    
    <div class="container-fluid">
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="ik ik-user-plus bg-blue"></i>
                        <div class="d-inline">
                            <h5>{{ __('Edit Tenant')}}</h5>
                            <span>{{ __('Edit Tenant')}}</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <nav class="breadcrumb-container" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{url('dashboard')}}"><i class="ik ik-home"></i></a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">{{ __('Edit Tenant')}}</a>
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <form class="forms-sample" method="POST" action="{{ route('tenant.update',$tenant->id) }}" enctype= multipart/form-data id="Postform">
        @csrf
        @Method('PUT')
        @include('include.message')

            <div class="row">
                <!-- start message area-->
                <!-- end message area-->
                <div class="col-md-12">
                    <div class="card ">
                        <div class="card-header">
                            <strong><h3>{{ __('Basic Information')}}</h3></strong>
                        </div>
                        <div class="card-body">
                            
                            <div class="row">

                                 <div class="col-sm-6">
                                    <div class="form-group">
                                    <label for="state">Company Type</label>
                                    <select  class="form-control" name="company_id" id="compnyid" >

                                        <option value="">Select Company</option> 
                                            @foreach($companies as $company)
                                                @if($company->exists && $company->id == $tenant->company_id)
                                                    <option value="{{$company->id}}" selected="selected">{{$company->name}}</option> 
                                                @else
                                                    <option value="{{$company->id}}">{{$company->name}}</option> 
                                                @endif

                                            @endforeach
                                        
                                    </select>
                                    </div>
                                </div>
                            
                                <div class="col-sm-6">    
                                    <div class="form-group">
                                        <label for="post_name">Company Name<span class="text-red">*</span></label>
                                        <input id="title" type="text" class="form-control" name="name" value="{{isset($tenant->name) ? $tenant->name : ''}}" placeholder="Enter Name" required="">
                                    </div>
                                </div>

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Address</label>
                                        <textarea class="form-control" name="address" rows="2">{{isset($tenant->address) ? $tenant->address : ''}}</textarea>

                                    </div>
                                </div>
                                

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="pincode">Pincode</label>
                                        <input id="pincode" type="text" class="form-control" name="pincode" placeholder="Enter Pincode" value="{{isset($tenant->pincode) ? $tenant->pincode : ''}}">
                                        
                                    </div> 
                                </div>

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="city">City</label>
                                        <input id="city" type="text" class="form-control" name="city" placeholder="Enter City" value="{{isset($tenant->city) ? $tenant->city : ''}}">
                                    </div>
                                </div>


                                <div class="col-sm-6">
                                    <div class="form-group">
                                    <label for="state">State</label>
                                    <select  class="form-control" name="state_id" id="tradestate" data-url="{{route('getCity')}}">

                                        <option value="">Select State</option> 
                                            @foreach($states as $state)
                                                    @if($state->exists && $state->id == $tenant->state_id)
                                                        <option value="{{ $state->id }}" selected="selected">{{ $state->name }}</option>

                                                    @else
                                                        <option value="{{$state->id}}">{{$state->name}}</option> 
                                                    @endif
                                                @endforeach
                                        
                                    </select>
                                    </div>
                                </div>

                                <div class="col-sm-6">
                                    <div class="form-group">
                                    <label for="country">Country</label>
                                    <select  class="form-control" name="country_id" id="country" >

                                        <option value="">Select State</option> 
                                            @foreach($countries as $country)
                                            @if($country->exists && $country->id == $tenant->country_id)
                                                <option value="{{ $country->id }}" selected="selected">{{ $country->name }}</option>

                                            @else
                                                <option value="{{$country->id}}">{{$country->name}}</option>
                                            @endif 
                                            @endforeach
                                        
                                    </select>
                                    </div>
                                </div>



                                

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

            <div class="row">
                <!-- start message area-->
                <!-- end message area-->
                <div class="col-md-12">
                    <div class="card ">
                        <div class="card-header">
                            <strong><h3>{{ __('Admin User')}}</h3></strong>
                        </div>
                        <div class="card-body">
                            
                            <div class="row">
                                
                                <div class="col-sm-6">
                                    <div class="form-group">
                                    <label for="secondary_email">Admin Email<span class="text-red">*</span></label>
                                    <input id="email" type="text" class="form-control secondary_email" name="email" value="{{isset($tenant->email) ? $tenant->email : ''}}" placeholder="Enter Email" required="">
                                    </div>
                                </div>

                                <div class="col-sm-6">    
                                    <div class="form-group">
                                        <label for="password">Password<span class="text-red">*</span></label>
                                        <input id="password" type="password" class="form-control" name="password" value="" placeholder="Enter Password" required>
                                    </div>
                                </div>

                                <div class="col-sm-6">
                                    <div class="form-group">
                                    <label for="mobile">Admin Mobile No.<span class="text-red">*</span></label>
                                    
                                    
                                     <input type="tel" id="second_mobile" class="form-control" name="mobile" value="{{isset($tenant->mobile) ? $tenant->mobile : ''}}" required=""> 
                                    <div id="secondmblerror"></div>
                                    
                                    </div>
                                </div>

                                <div class="col-sm-6">
                                    <div class="form-group">
                                    <label for="currency">Currency</label>
                                    
                                     <input type="text" id="currency" class="form-control" name="currency" value="{{isset($tenant->currency) ? $tenant->currency : ''}}"> 
                                   
                                    </div>
                                </div>

                               
                            </div>  
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- start message area-->
                
                <!-- end message area-->
                <div class="col-md-12">
                    <div class="card ">
                        <div class="card-body">
                            <div class="col-md-12" style="text-align: center;">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">{{ __('Update')}}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- push external js -->
    @push('script') 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>
    <script>
        $('#tradestate').on('change', function() {
                
                var state_id = $(this).val();
                console.log(state_id);
                var url=$(this).data('url');
                console.log(url);
                 $("#tradecity").html('');
                $.ajax({
                    url:url,
                    type: "GET",
                    data: {
                        state_id: state_id
                    },
                    dataType : 'json',
                    success: function(result){
                        console.log(result);
                        $.each(result.city,function(key,value){
                        $("#tradecity").append('<option value="'+value.id+'">'+value.name+'</option>');
                        });
                    }
                });
            
            
        });
     </script>
    @endpush
@endsection