@extends('layouts.app')
@section('content')
<div class="container">
    <div class="row">
        @include('gambling.parts.top')

        <div class="col-md-12 ">
            @if ($message = Session::get('message'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>	
                    <strong>{{ $message }}</strong>
            </div>
            @endif

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div>
                        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#CriarLandingModal">CRIAR LANDING</button>
                    </div>
                </div>
                <div class="panel-body">

                    <table id="myTable" class="table table-striped table-hover table-responsive">
                        <thead>
                            <tr>
                                <th>Nome</th>
                                <th>Url</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($Lands as $Land)
                            <tr>
                                <td width="45%" style="vertical-align:middle">{{$Land->Name}}</td>
                                <td width="45%" style="vertical-align:middle">
                                    <a href="{{$Land->LandingUrl}}" target="_blank">{{$Land->LandingUrl}}</a>
                                </td>
                                <td width="10%" style="vertical-align:middle">
                                    <!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#EditLandingModal"><i class="fa fa-pencil"></i></button> -->
                                    <button class="btn btn-primary open_modal" value="{{$Land->id}}"><i class="fa fa-pencil"></i></button>
                                    <button class="btn btn-danger" onclick="validarEliminar({{$Land->id}})"><i class="fa fa-trash"></i></button>
                                    <form id="delete-form-{{$Land->id}}" action="{{ route('gambling-landing-delete', $Land->id) }}" method="POST" style="display: none;">
                                        {{method_field('delete')}}
                                        {{csrf_field()}}
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>
            </div>

            <div class="modal fade" id="CriarLandingModal" tabindex="-1" role="dialog" aria-labelledby="CriarLandingModal" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">CRIAR LANDING</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form id="CriarLanding" role="form" method="POST" action="/gambling/landings/create">
                                {{ csrf_field() }}                            
                                <div class="form-group">
                                    <label for="Name">Nome</label>
                                    <input type="text" class="form-control" id="Name" name="Name" aria-describedby="" placeholder="Nome landing" value="{{old('Name')}}" required>
                                </div>                                
                                <div class="form-group custom-file">
                                    <label for="LandingUrl">Url</label>
                                    <input type="text" class="form-control" id="LandingUrl" name="LandingUrl" aria-describedby="" placeholder="Url da landing" required>
                                </div>

                                <div class="form-group custom-file">
                                    <label for="Description">Descrição</label>
                                    ​<textarea rows="3" class="form-control" id="Description" name="Description" aria-describedby="" placeholder="Descrição" value=""></textarea>
                                </div>

                                <div class="form-group custom-file">
                                    <label for="TagManager">Tag manager (GTM)</label>
                                    <input type="text" class="form-control" id="LandingTagManager" name="TagManager" aria-describedby="" placeholder="Código GTM" value="">
                                </div>
                                
                                <div class="row" style="line-height:30px">&nbsp;</div>

                                <button type="submit" class="btn btn-primary">Criar</button>
                                <button type="reset" class="btn btn-primary">Limpar</button>
                            </form>

                        </div>
                        <div class="modal-footer">
                            <!-- <button type="button" class="btn btn-primary">Criar</button> -->
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="EditLandingModal" tabindex="-1" role="dialog" aria-labelledby="EditLandingModal" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">EDITAR LANDING</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form id="EditLanding" role="form" method="post" action="/gambling/landings/edit">
                                {{ csrf_field() }}  
                                {{method_field('PUT')}}                          
                                <div class="form-group">
                                    <label for="Name">Nome</label>
                                    <input type="text" class="form-control" id="EditName" name="Name" aria-describedby="" placeholder="Nome landing" value="" required>
                                </div>
                                <div class="form-group custom-file">
                                    <label for="LandingUrl">Url</label>
                                    <input type="text" class="form-control" id="EditLandingUrl" name="LandingUrl" aria-describedby="" placeholder="Url da landing" value="" required>
                                </div>

                                <div class="form-group custom-file">
                                    <label for="Description">Descrição</label>
                                    ​<textarea rows="3" class="form-control" id="EditLandingDescription" name="Description" aria-describedby="" placeholder="Descrição" value=""></textarea>
                                </div>

                                <div class="form-group custom-file">
                                    <label for="TagManager">Tag manager (GTM)</label>
                                    <input type="text" class="form-control" id="EditLandingTagManager" name="TagManager" aria-describedby="" placeholder="Código GTM" value="">
                                </div>

                                <div class="row" style="line-height:30px">&nbsp;</div>
                                <input type="hidden" id="EditLandingID" name="LandingID" value="">

                                <button type="submit" class="btn btn-primary">Guardar</button>
                            </form>

                        </div>
                        <div class="modal-footer">
                            <!-- <button type="button" class="btn btn-primary">Criar</button> -->
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>


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

@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>

    function validarEliminar(num){
        // console.log(num);
        var x = confirm('Tem a certeza que pretende eliminar este registo?');
        // console.log(x);
        if(x == true){
            // console.log('teste true');
            event.preventDefault(); 
            document.getElementById('delete-form-'+num).submit();
        }
        return;
    }

    $(document).on('click','.open_modal',function(){
        var url = "landings/edit";
        var id= $(this).val();
        $.get(url + '/' + id, function (data) {
            //success data
            console.log(data);
            $('#EditLandingID').val(data.id);
            $('#EditName').val(data.Name);
            $('#EditLandingUrl').val(data.LandingUrl);
            $('#EditLandingTagManager').val(data.TagManager);
            $('#EditLandingDescription').val(data.Description);
            // $('#btn-save').val("update");
            $('#EditLandingModal').modal('show');
        }) 
    });

</script>