@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('global.edit') }} {{ trans('cruds.user.title_singular') }}
        <a class="btn btn-default btn-sm float-right" href="{{ route('admin.users.index') }}">
            {{ trans('global.back_to_list') }}
        </a>
    </div>

    <div class="card-body">
        <form method="POST" action="{{ route("admin.users.updateexporter", [$user->id]) }}" enctype="multipart/form-data">
            @method('POST')
            @csrf
        <div class="row col 12">
            <input type="hidden" name="user_id" value="{{ $user->id }}"> 
       <!--  <div class="col 3">
            <div class="form-group">
                <label  for="name">{{ trans('cruds.user.fields.name') }}</label>
                <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" type="text" name="name" id="name" value="{{ old('name', $user->name) }}" >
                @if($errors->has('name'))
                    <div class="invalid-feedback">
                        {{ $errors->first('name') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.name_helper') }}</span>
            </div>
        </div> -->
        <div class="col 3">
            <div class="form-group">
                <label class="required" for="email">{{ trans('cruds.user.fields.email') }}</label>
                <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" name="email" id="email" value="{{ old('email', $user->email) }}" required>
                @if($errors->has('email'))
                    <div class="invalid-feedback">
                        {{ $errors->first('email') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.email_helper') }}</span>
            </div>
        </div>

        <div class="col 3">
            <div class="form-group">
                <label class="required" for="mobile_number">{{ trans('cruds.user.fields.mobile_number') }}</label>
                <input class="form-control {{ $errors->has('mobile_number') ? 'is-invalid' : '' }}" type="number" name="mobile_number" pattern="[0-9]{3} [0-9]{3} [0-9]{4}" minlength="10" maxlength="10" id="mobile_number" value="{{ old('mobile_number', $user->mobile_number) }}" required>
                @if($errors->has('mobile_number'))
                    <div class="invalid-feedback">
                        {{ $errors->first('mobile_number') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.mobile_number_helper') }}</span>
            </div>
        </div>
       <!--  <div class="col 3">  
            <div class="form-group">
                <label class="required" for="import_export_code">{{ trans('cruds.user.fields.import_export_code') }}</label>
                <input class="form-control {{ $errors->has('import_export_code') ? 'is-invalid' : '' }}" type="text" name="import_export_code" id="import_export_code" value="{{ old('import_export_code', $user->import_export_code) }}" required>
                @if($errors->has('import_export_code'))
                    <div class="invalid-feedback">
                        {{ $errors->first('import_export_code') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.import_export_code_helper') }}</span>
            </div>
        </div>
    </div>
    <div class="row col 12">
        <div class="col 3">
             <div class="form-group">
                <label for="cha_code">{{ trans('cruds.user.fields.cha_code') }}</label>
                <input class="form-control {{ $errors->has('cha_code') ? 'is-invalid' : '' }}" type="text" name="cha_code" id="cha_code" value="{{ old('cha_code', $user->cha_code) }}">
                @if($errors->has('cha_code'))
                    <div class="invalid-feedback">
                        {{ $errors->first('cha_code') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.cha_code_helper') }}</span>
            </div>
        </div>
        <div class="col 3">
            <div class="form-group">
                <label class="required" for="exporter_company_name">{{ trans('cruds.user.fields.exporter_company_name') }}</label>
                <input class="form-control {{ $errors->has('exporter_company_name') ? 'is-invalid' : '' }}" type="text" name="exporter_company_name" id="exporter_company_name" value="{{ old('exporter_company_name', $user->exporter_company_name) }}" required>
                @if($errors->has('exporter_company_name'))
                    <div class="invalid-feedback">
                        {{ $errors->first('exporter_company_name') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.exporter_company_name_helper') }}</span>
            </div>
        </div>
         <div class="col 3">
            <div class="form-group">
                <label class="required" for="gst_number">{{ trans('cruds.user.fields.gst_number') }}</label>
                <input class="form-control {{ $errors->has('gst_number') ? 'is-invalid' : '' }}" type="text" name="gst_number" id="gst_number" minlength="15" maxlength="15" value="{{ old('gst_number', $user->gst_number) }}">
                @if($errors->has('gst_number'))
                    <div class="invalid-feedback">
                        {{ $errors->first('gst_number') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.gst_number_helper') }}</span>
            </div>
        </div>

        <div class="col 3">
            <div class="form-group">
                <label for="state_id">{{ trans('cruds.user.fields.state') }}</label>
                <select class="form-control select2 {{ $errors->has('state') ? 'is-invalid' : '' }}" name="state_id" id="state_id">
                    @foreach($states as $id => $entry)
                        <option value="{{ $id }}" {{ (old('state_id') ? old('state_id') : $user->state->id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('state'))
                    <div class="invalid-feedback">
                        {{ $errors->first('state') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.state_helper') }}</span>
            </div>
        </div>
    </div>
     <div class="row col 12">
            <div class="col 3">
                <div class="form-group">
                    <label class="required" for="city_id">{{ trans('cruds.user.fields.city') }}</label>
                    <input type="text" class="form-control" required name="city" id="city" value="{{ $user->city }}">
                    @if($errors->has('city'))
                    <div class="invalid-feedback">
                        {{ $errors->first('city') }}
                    </div>
                    @endif
                    <span class="help-block">{{ trans('cruds.user.fields.city_helper') }}</span>
                </div>
            </div>
        <div class="col 3">
            <div class="form-group">
                <label class="required" for="district">{{ trans('cruds.user.fields.district') }}</label>
                <input class="form-control {{ $errors->has('district') ? 'is-invalid' : '' }}" type="text" name="district" id="district" value="{{ $user->district }}" required>
                @if($errors->has('district'))
                    <div class="invalid-feedback">
                        {{ $errors->first('district') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.import_export_code_helper') }}</span>
            </div>
        </div>
        <div class="col 3">
            <div class="form-group">
                <label class="required" for="postal_code">{{ trans('cruds.user.fields.postal_code') }}</label>
                <input class="form-control {{ $errors->has('postal_code') ? 'is-invalid' : '' }}" type="text" name="postal_code" id="postal_code" value="{{ old('postal_code', $user->postal_code) }}">
                @if($errors->has('postal_code'))
                    <div class="invalid-feedback">
                        {{ $errors->first('postal_code') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.postal_code_helper') }}</span>
            </div>
        </div>
         <div class="form-group">
                <label class="required" for="loaction">Loaction</label>
                <input class="form-control {{ $errors->has('loaction') ? 'is-invalid' : '' }}" type="text" name="loaction" id="loaction" value="{{ old('loaction', $user->loaction) }}" required>
                @if($errors->has('loaction'))
                    <div class="invalid-feedback">
                        {{ $errors->first('loaction') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.loaction_helper') }}</span>
            </div>
    </div>
<div class="row col 12">
    <div class="col 6">
        <div class="form-group">
                <label class="required" for="address_line_1">{{ trans('cruds.user.fields.address_line_1') }}</label>
                <textarea class="form-control {{ $errors->has('address_line_1') ? 'is-invalid' : '' }}" name="address_line_1" id="address_line_1" required>{{ old('address_line_1', $user->address_line_1) }}</textarea>
                @if($errors->has('address_line_1'))
                    <div class="invalid-feedback">
                        {{ $errors->first('address_line_1') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.address_line_1_helper') }}</span>
            </div>
    </div>
    <div class="col 6">

        <div class="form-group">
                <label class="required" for="address_line_2">{{ trans('cruds.user.fields.address_line_2') }}</label>
                <textarea class="form-control {{ $errors->has('address_line_2') ? 'is-invalid' : '' }}" name="address_line_2" id="address_line_2" required>{{ old('address_line_2', $user->address_line_2) }}</textarea>
                @if($errors->has('address_line_2'))
                    <div class="invalid-feedback">
                        {{ $errors->first('address_line_2') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.address_line_2_helper') }}</span>
            </div>
    </div>
    </div>
    <div class="row col 12">
        <div class="col 6">
            <div class="form-group">
                <label for="gst">{{ trans('cruds.user.fields.gst') }}</label>
                <div class="needsclick dropzone {{ $errors->has('gst') ? 'is-invalid' : '' }}" id="gst-dropzone">
                </div>
                @if($errors->has('gst'))
                    <div class="invalid-feedback">
                        {{ $errors->first('gst') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.gst_helper') }}</span>
            </div>
        </div>
        <div class="col 6">
            <div class="form-group">
                <label for="iec">{{ trans('cruds.user.fields.iec') }}</label>
                <div class="needsclick dropzone {{ $errors->has('iec') ? 'is-invalid' : '' }}" id="iec-dropzone">
                </div>
                @if($errors->has('iec'))
                    <div class="invalid-feedback">
                        {{ $errors->first('iec') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.iec_helper') }}</span>
            </div>
        </div>
    </div>
    <div class="row col 12">
        <div class="col 4">
            <div class="form-group">
                <label  for="pan">{{ trans('cruds.user.fields.pan') }}</label>
                <div class="needsclick dropzone {{ $errors->has('pan') ? 'is-invalid' : '' }}" id="pan-dropzone">
                </div>
                @if($errors->has('pan'))
                    <div class="invalid-feedback">
                        {{ $errors->first('pan') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.pan_helper') }}</span>
            </div>
        </div>
        <div class="col 4">
            <div class="form-group">
                <label for="cancelled_cheque">{{ trans('cruds.user.fields.cancelled_cheque') }}</label>
                <div class="needsclick dropzone {{ $errors->has('cancelled_cheque') ? 'is-invalid' : '' }}" id="cancelled_cheque-dropzone">
                </div>
                @if($errors->has('cancelled_cheque'))
                    <div class="invalid-feedback">
                        {{ $errors->first('cancelled_cheque') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.cancelled_cheque_helper') }}</span>
            </div>
        </div>
        <div class="col 4">
            <div class="form-group">
                <label class="required" for="self_certification">{{ trans('cruds.user.fields.self_certification') }}</label>
                <div class="needsclick dropzone {{ $errors->has('self_certification') ? 'is-invalid' : '' }}" id="self_certification-dropzone">
                </div>
                @if($errors->has('self_certification'))
                    <div class="invalid-feedback">
                        {{ $errors->first('self_certification') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.user.fields.self_certification_helper') }}</span>
            </div>
        </div>-->
    </div> 

     <div class="row col 6">
          <div class="col 3">
                <div class="form-group">
                    <label for="default_port">{{ trans('cruds.user.fields.default_port') }}</label>
                    <select class="form-control select2" name="port_id" id="port_id" >
                        @foreach($destination_customs as $id => $entry)
                        <option value="{{ $id }}" {{ (old('port_id') ? old('port_id') : $user->port_id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                        @endforeach
                    </select>
                    @if($errors->has('default_port'))
                    <div class="invalid-feedback">
                        {{ $errors->first('default_port') }}
                    </div>
                    @endif
                    <span class="help-block">{{ trans('cruds.user.fields.default_port_helper') }}</span>
                </div>
           </div>  
           <div class="col 3">
                <div class="form-group">
                    <label for="email">{{ trans('cruds.user.fields.additional_emails') }}</label>
                    <input class="form-control {{ $errors->has('additional_emails') ? 'is-invalid' : '' }}" type="text" name="additional_emails" id="additional_emails" value="{{ old('additional_emails', $user->additional_emails) }}" placeholder="Separate emails by comma">
                     <div class="invalid-additional-emails">
                    </div>
                    @if($errors->has('additional_emails'))
                    <div class="invalid-feedback">
                        {{ $errors->first('additional_emails') }}
                    </div>
                    @endif
                    <span class="help-block">{{ trans('cruds.user.fields.additional_emails_helper') }}</span>
                </div>
            </div>       
       </div>
  
    <div class="form-group">

                <button class="btn btn-success" type="submit">
                    {{ trans('global.save') }}
                </button>
                <a class="btn btn-danger" href="{{ route('admin.users.index') }}">
                    Cancel
                </a>
            </div>
        </form>
    </div>
</div>



@endsection

@section('scripts')
<script>
    Dropzone.options.gstDropzone = {
    url: '{{ route('admin.users.storeMedia') }}',
    maxFilesize: 2, // MB
    maxFiles: 1,
    addRemoveLinks: true,
    headers: {
      'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },
    params: {
      size: 2
    },
    success: function (file, response) {
      $('form').find('input[name="gst"]').remove()
      $('form').append('<input type="hidden" name="gst" value="' + response.name + '">')
    },
    removedfile: function (file) {
      file.previewElement.remove()
      if (file.status !== 'error') {
        $('form').find('input[name="gst"]').remove()
        this.options.maxFiles = this.options.maxFiles + 1
      }
    },
    init: function () {
@if(isset($user) && $user->gst)
      var file = {!! json_encode($user->gst) !!}
          this.options.addedfile.call(this, file)
      file.previewElement.classList.add('dz-complete')
      $('form').append('<input type="hidden" name="gst" value="' + file.file_name + '">')
      this.options.maxFiles = this.options.maxFiles - 1
@endif
    },
     error: function (file, response) {
         if ($.type(response) === 'string') {
             var message = response //dropzone sends it's own error messages in string
         } else {
             var message = response.errors.file
         }
         file.previewElement.classList.add('dz-error')
         _ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
         _results = []
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
             node = _ref[_i]
             _results.push(node.textContent = message)
         }

         return _results
     }
}
</script>
<script>
    Dropzone.options.iecDropzone = {
    url: '{{ route('admin.users.storeMedia') }}',
    maxFilesize: 2, // MB
    maxFiles: 1,
    addRemoveLinks: true,
    headers: {
      'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },
    params: {
      size: 2
    },
    success: function (file, response) {
      $('form').find('input[name="iec"]').remove()
      $('form').append('<input type="hidden" name="iec" value="' + response.name + '">')
    },
    removedfile: function (file) {
      file.previewElement.remove()
      if (file.status !== 'error') {
        $('form').find('input[name="iec"]').remove()
        this.options.maxFiles = this.options.maxFiles + 1
      }
    },
    init: function () {
@if(isset($user) && $user->iec)
      var file = {!! json_encode($user->iec) !!}
          this.options.addedfile.call(this, file)
      file.previewElement.classList.add('dz-complete')
      $('form').append('<input type="hidden" name="iec" value="' + file.file_name + '">')
      this.options.maxFiles = this.options.maxFiles - 1
@endif
    },
     error: function (file, response) {
         if ($.type(response) === 'string') {
             var message = response //dropzone sends it's own error messages in string
         } else {
             var message = response.errors.file
         }
         file.previewElement.classList.add('dz-error')
         _ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
         _results = []
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
             node = _ref[_i]
             _results.push(node.textContent = message)
         }

         return _results
     }
}
</script>
<script>
    Dropzone.options.panDropzone = {
    url: '{{ route('admin.users.storeMedia') }}',
    maxFilesize: 2, // MB
    maxFiles: 1,
    addRemoveLinks: true,
    headers: {
      'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },
    params: {
      size: 2
    },
    success: function (file, response) {
      $('form').find('input[name="pan"]').remove()
      $('form').append('<input type="hidden" name="pan" value="' + response.name + '">')
    },
    removedfile: function (file) {
      file.previewElement.remove()
      if (file.status !== 'error') {
        $('form').find('input[name="pan"]').remove()
        this.options.maxFiles = this.options.maxFiles + 1
      }
    },
    init: function () {
@if(isset($user) && $user->pan)
      var file = {!! json_encode($user->pan) !!}
          this.options.addedfile.call(this, file)
      file.previewElement.classList.add('dz-complete')
      $('form').append('<input type="hidden" name="pan" value="' + file.file_name + '">')
      this.options.maxFiles = this.options.maxFiles - 1
@endif
    },
     error: function (file, response) {
         if ($.type(response) === 'string') {
             var message = response //dropzone sends it's own error messages in string
         } else {
             var message = response.errors.file
         }
         file.previewElement.classList.add('dz-error')
         _ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
         _results = []
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
             node = _ref[_i]
             _results.push(node.textContent = message)
         }

         return _results
     }
}
</script>
<script>
    Dropzone.options.cancelledChequeDropzone = {
    url: '{{ route('admin.users.storeMedia') }}',
    maxFilesize: 2, // MB
    maxFiles: 1,
    addRemoveLinks: true,
    headers: {
      'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },
    params: {
      size: 2
    },
    success: function (file, response) {
      $('form').find('input[name="cancelled_cheque"]').remove()
      $('form').append('<input type="hidden" name="cancelled_cheque" value="' + response.name + '">')
    },
    removedfile: function (file) {
      file.previewElement.remove()
      if (file.status !== 'error') {
        $('form').find('input[name="cancelled_cheque"]').remove()
        this.options.maxFiles = this.options.maxFiles + 1
      }
    },
    init: function () {
@if(isset($user) && $user->cancelled_cheque)
      var file = {!! json_encode($user->cancelled_cheque) !!}
          this.options.addedfile.call(this, file)
      file.previewElement.classList.add('dz-complete')
      $('form').append('<input type="hidden" name="cancelled_cheque" value="' + file.file_name + '">')
      this.options.maxFiles = this.options.maxFiles - 1
@endif
    },
     error: function (file, response) {
         if ($.type(response) === 'string') {
             var message = response //dropzone sends it's own error messages in string
         } else {
             var message = response.errors.file
         }
         file.previewElement.classList.add('dz-error')
         _ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
         _results = []
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
             node = _ref[_i]
             _results.push(node.textContent = message)
         }

         return _results
     }
}
</script>
<script>
    Dropzone.options.selfCertificationDropzone = {
    url: '{{ route('admin.users.storeMedia') }}',
    maxFilesize: 2, // MB
    maxFiles: 1,
    addRemoveLinks: true,
    headers: {
      'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },
    params: {
      size: 2
    },
    success: function (file, response) {
      $('form').find('input[name="self_certification"]').remove()
      $('form').append('<input type="hidden" name="self_certification" value="' + response.name + '">')
    },
    removedfile: function (file) {
      file.previewElement.remove()
      if (file.status !== 'error') {
        $('form').find('input[name="self_certification"]').remove()
        this.options.maxFiles = this.options.maxFiles + 1
      }
    },
    init: function () {
@if(isset($user) && $user->self_certification)
      var file = {!! json_encode($user->self_certification) !!}
          this.options.addedfile.call(this, file)
      file.previewElement.classList.add('dz-complete')
      $('form').append('<input type="hidden" name="self_certification" value="' + file.file_name + '">')
      this.options.maxFiles = this.options.maxFiles - 1
@endif
    },
     error: function (file, response) {
         if ($.type(response) === 'string') {
             var message = response //dropzone sends it's own error messages in string
         } else {
             var message = response.errors.file
         }
         file.previewElement.classList.add('dz-error')
         _ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
         _results = []
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
             node = _ref[_i]
             _results.push(node.textContent = message)
         }

         return _results
     }
}
</script>
<script>
$(document).ready(function() {
    $('#additional_emails').blur(function() {
        validateMultipleEmails($('#additional_emails').val());
    });
});

function validateMultipleEmails(emailInput) {
    // Get value on emails input as a string
    var emails = emailInput;
    
    // Split string by comma into an array
    emails = emails.split(",");

    var valid = true;
    var regex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    
    var invalidEmails = [];
    
    for (var i = 0; i < emails.length; i++) {
        // Trim whitespaces from email address
        emails[i] = emails[i].trim();
        
        // Check email against our regex to determine if email is valid
        if( emails[i] == "" || ! regex.test(emails[i])){
            invalidEmails.push(emails[i]);
        }
    }
    
    // Output invalid emails
    $( ".invalid-additional-emails" ).empty();
    if(invalidEmails != 0) {
      
        $('.invalid-additional-emails').append('<p class="text-danger">Invalid emails: ' + invalidEmails.join(', ') + '</p>');
       /* $('<p class="text-danger">Invalid emails: ' + invalidEmails.join(', ') + '</p>').appendTo('.invalid-additional-emails');*/
    }
}
</script>
@endsection