@extends('layouts.app')
@section('content')
    @if (session('message'))
        <div class="px-4 my-2">
            <div class="alert alert-success" role="alert">
                {!! session('message') !!}
            </div>
        </div>
    @endif
    @if (session('error'))
        <div class="px-4 my-2">
            <div class="mr-4 alert alert-danger" role="alert">
                {!! session('error') !!}
            </div>
        </div>
    @endif

    <h1>Token Acesso Redes Sociais </h1>

    <form id="formToken" >
    <div class="mb-5">
        <div class="col g-5">
            <div class="row">
            <label class="form-label"><b>Social Media / Network</b> </label>

           <input type="hidden" name="id" class="form-control" id="id" value="{{ isset($data->id) ? $data->id : null }}" />
                <select name="social_media" id="social_media">
                <option>Seleccione</option>
                @foreach($socialMediaNetwork as $socialMedia )
                    @if (isset($data))
                        <option   {{ ($data->social_media_id == $socialMedia->id)   ? 'selected' : '' }} value="{{ $socialMedia->id }}" >{{ $socialMedia->name }}</option>
                    @else
                    <option  value="{{ $socialMedia->id }}" >{{ $socialMedia->name }}</option>
                    @endif
                      
                @endforeach
             
                </select>
                 
               
                 
            </div> 
            <div class="row">
                <label class="form-label"><b>Token</b> </label>
                <input name="token" class="form-control" id="name" value="{{ isset($data['access_token']) ? $data['access_token'] : '' }}" />
            </div>
           
           
        </div>

        
    </div>
    
 

     
  
</form>
    
  
    
    <hr class="col-3 col-md-12 mb-0"> 
    <button type="button" class="mt-2 btn btn-primary" id="submit"  >Guardar</button>

    @push('scripts')
    <script type="text/javascript">
         

        
        $(document).ready(function() {

            $("#submit").on("click", function() {

                 
                var formData   = $(formToken).serializeArray(); //serialize

                console.log (formData);
                
                $.ajax({
                    url: "{!! url('/auth/token/save') !!}",
                    type: "post",
                    data: formData,
                    datatype: "json",
                    success: function(response) {
                        console.log(response, ' Resposta AJAX')
                        //window.location.reload()

                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.error(textStatus, errorThrown);
                    }
                });


            })
        });
    </script>
    
    @endpush

@endsection