@extends('admin.dashboard')
@section('content')
    <section class="contact pad-btm">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="constes m3-h wow fadeInUp">
                        <h4>Add Tracking Code</h4>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <label for="">Social</label>
                            <select name="social" id="social" class="form-control_profile">
                                <option value="" disabled selected>Select Option</option>
                                @foreach($social as $key => $val)
                                    <option value="{{ $key }}">{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="">Code</label>
                            <input type="text" name="code" id="code" class="form-control_profile" onkeyup="makeTrackingUrl()" placeholder="Tracking Code">
                        </div>
                        <div class="col-md-4">
                            <label for="">URL</label>
                            <input type="text" name="url" id="url" class="form-control_profile" placeholder="Tracking Url" required>
                        </div>
                    </div>
                    <div class="row text-right">
                        <div class="col-md-4"></div>
                        <div class="col-md-4"></div>
                        <div class="col-md-4 text-right">
                            <a onclick="addTrackingUrl()" class="btn-e" role="button" style="color: white">Save</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">&nbsp;</div>
            <div class="table-responsive" id="tableData"></div>
        </div>
    </section>
@endsection

@section('script')
    <script>

        $(function() {
            viewTrackingList();

            $('#data-table').DataTable({
                paging: true,
                lengthMenu: [25, 50, 100, 200],
                dom: '<"top"Bf>rt<"bottom"lp><"clear">', // Customize the DOM structure
                buttons: [
                    'excel', // Enable Excel export button
                    'pdf',   // Enable PDF export button
                    'print',
                    'colvis'
                ]
            });
        });

        function viewTrackingList() {
            $('#tableData').html('<div class="loader"></div>');
            $.ajax({
                url: '{{ url('/') }}/viewTrackingList',
                type: 'GET',
                data: {},
                success: function (result) {
                    $('#tableData').html(result);
                    $('#data-table').DataTable({
                        "destroy": true, //use for reinitialize datatable
                        paging: true,
                        lengthMenu: [25, 50, 100, 200],
                        dom: '<"top"Bf>rt<"bottom"lp><"clear">', // Customize the DOM structure
                        buttons: [
                            'excel', // Enable Excel export button
                            'pdf',   // Enable PDF export button
                            'print',
                            'colvis'
                        ]
                    });
                },
                error: function () {
                }
            });
        }

        function makeTrackingUrl() {
            var social = $('#social').val();
            var code = $('#code').val();
            var url = '{{ url('/') }}';
            $('#url').val(url+'/registration?code='+code);
        }

        function addTrackingUrl() {
            var social = $('#social').val();
            var code = $('#code').val();
            var url =  $('#url').val();
            $.ajax({
                url: '{{ url('/') }}/addTrackingUrl',
                type: 'GET',
                data: {social: social, code: code, url: url},
                success: function (result) {
                    location.href = "{{ url('/') }}/tracking";
                },
                error: function () {
                    console.log('Something went wrong');
                }
            });
        }
    </script>
@endsection