@extends("admin.admin_app")

@section("content")


<div class="content-page">
      <div class="content">
        <div class="container-fluid">
 

          <div class="row">
            <div class="col-lg-12">
              <div class="card-box">
                   
				<form action="{{ route('translations.save') }}" method="POST">
				@csrf     
				  <div class="row tr_item_list_block">
					<div class="col-md-3">
						<h4>English</h4>
					</div>
					<div class="col-md-3">
						<h4>Your Language</h4>
					</div>
					<div class="col-md-3">
						<h4>English</h4>
					</div>
					<div class="col-md-3">
						<h4>Your Language</h4>
					</div>          
				  </div>     

				  <div class="row">
				  @foreach ($words as $key => $value)
					<div class="col-md-3 tr_hidden_key d-flex align-items-center">
						<input type="hidden" name="words[{{ $key }}]" class="form-control" value="{{ $key }}" readonly>
						<label class="col-form-label">{{ $en_words[$key] }}</label>
					</div>
					<div class="col-md-3 tr_enter_key">
						<input type="text" name="words[{{ $key }}]" class="form-control" value="{{ $value }}">
					</div>
				  @endforeach  
					<span class="tr_new_key_item"></span>
					<div class="col-md-6 tr_enter_key align-self-center mb-0">
						<input type="text" name="new_key" class="form-control" placeholder="New Key">
					</div> 
					<div class="col-md-6 tr_enter_key mb-0">
						<input type="text" name="new_value" class="form-control" placeholder="New Value">
					</div> 
				</div> 
				<hr>
				<div class="form-group">
                    <div class="col-sm-9 pl-1">
                        <button type="submit" class="btn btn-primary waves-effect waves-light">{{trans('words.save_changes')}}</button>                      
                    </div>
                </div>  
                </form> 
              </div>
            </div>            
          </div>              
        </div>
      </div>

      @include("admin.copyright") 
    
    </div> 
   
 
 <script type="text/javascript">
    
    @if(Session::has('flash_message'))     
 
      const Toast = Swal.mixin({
        toast: true,
        position: 'top-end',
        showConfirmButton: false,
        timer: 3000,
        timerProgressBar: false,
         
      })

      Toast.fire({
        icon: 'success',
        title: '{{ Session::get('flash_message') }}'
      })     
     
  @endif

  @if(Session::has('flash_error_message'))     
 
      const Toast = Swal.mixin({
        toast: true,
        position: 'top-end',
        showConfirmButton: false,
        timer: 3000,
        timerProgressBar: false,
        
      })

      Toast.fire({
        icon: 'error',
        title: '{{ Session::get('flash_error_message') }}'
      })     
     
  @endif

  @if (count($errors) > 0)
                  
          Swal.fire({
            icon: 'error',
            title: 'Oops...',
            html: '<p>@foreach ($errors->all() as $error) {{$error}}<br/> @endforeach</p>',
            showConfirmButton: true,
            confirmButtonColor: '#10c469',
            background:"#1a2234",
            color:"#fff"
           }) 
  @endif

  </script>

@endsection