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

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <form id="form1" role="form" method="POST" action="{{url("/sites")}}">
                        {{ csrf_field() }}
                        <div class="panel-heading">List Sites</div>
                        <div class="panel-body">
                            <table id="myTable" class="table table-striped table-hover table-responsive">
                                <thead>
                                <tr>
                                    <th>URL</th>
                                    <th>Language</th>
                                    <th>Country</th>
                                    <th>Tag</th>
                                    <th>Template</th>
                                    <th>Default Skin</th>
                                    <th class="no-sort">Special Skin</th>
                                    <th class="no-sort">SS Start Date</th>
                                    <th class="no-sort">SS End Date</th>
                                    <th>Site Created At</th>
                                    <th>Site Updated By</th>
                                    <th>Active?</th>
                                    <th class="no-sort"></th>
                                    <th class="no-sort"></th>
                                    <!--<th class="no-sort"></th>-->
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($sites as $site)
                                    <tr>
                                        <td>{{@$site->domain()->first()->domain}}</td>
                                        <td>{{@$site->language}}</td>
                                        <td>{{@$site->country}}</td>
                                        <td>{{@$site->tag}}</td>
                                        <td>{{@$site->template()->first()->name}}</td>
                                        <td>{{@$site->skins()->where('is_default', 1)->first()->name}}</td>
                                        <td>{{@$site->skins()->where('is_default', 0)->first()->name}}</td>
                                        <td>{{@$site->skins()->where('is_default', 0)->first()->pivot->begin_date}}</td>
                                        <td>{{@$site->skins()->where('is_default', 0)->first()->pivot->end_date}}</td>
                                        <td>{{@$site->created_at}}</td>
                                        <td>{{@$site->user()->first()->name}}</td>
                                        <td>{{$site->is_active == 0 ? 'No' : 'Yes'}}</td>
                                        <td><a href="{{ url('/sites/' . $site->id . '/edit') }}" class="btn btn-info">Edit</a></td>
                                        <td><button class="btn btn-primary" type="button" onclick="duplicateModal({{$site->id}})">Duplicate</button></td>
                                        <!-- <td><button class="btn btn-danger" type="button" data-toggle="modal" data-target="#deleteModal{{$site->id}}">Delete</button> -->
                                            <!-- Delete Modal -->
                                            <!--<div id="deleteModal{{$site->id}}" class="modal fade" role="dialog">
                                                <div class="modal-dialog">-->
                                                    <!-- Modal content-->
                                                    <!--<div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title">Delete Template</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal" role="form" method="POST" action="{{url('sites/'.$site->id)}}" enctype="multipart/form-data">
                                                                {{ csrf_field() }}
                                                                {{ method_field('DELETE')}}
                                                                <div class="row">
                                                                    <div class="form-group">
                                                                        <label class="col-md-4 control-label">Site URL: </label>
                                                                        <div class="col-md-6">
                                                                            <label class="control-label">{{$site->url}}</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="col-md-4 control-label">Please type DELETE</label>
                                                                        <input type="text" name="confirm_delete" pattern="DELETE" title="Type DELETE">
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="col-md-6 col-md-offset-4">
                                                                            <button type="submit" class="confirm_delete btn btn-danger">Confirm</button>
                                                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>-->
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

<!-- Modal -->
<div id="duplicateModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Duplicate Site</h4>
            </div>
            <div class="modal-body">
                <form id="duplicateForm" class="form-horizontal" role="form" method="POST" action="" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    <input type="hidden" id="site_id" name="site_id" value=""/>
                    <div class="form-group">
                        <label for="name" class="col-md-4 control-label">Duplicate Site URL</label>
                        <div class="col-md-6">
                            <input id="url" type="text" class="form-control" name="url" required autofocus/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-6 col-md-offset-4">
                            <button type="button" id="createDuplicate" class="btn btn-primary">
                                Create
                            </button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>
</div>

    <script>

        var site_id = 0;

        function duplicateModal(id){
            site_id = id;
            $('#duplicateModal').modal('show');
        }

        $(document).ready(function(){
            var table = $('#myTable').DataTable({
                "order": [ 0, 'asc' ],
                "columnDefs": [ {
                    "targets"  : 'no-sort',
                    "orderable": false,
                }]
            });
            
            $('#createDuplicate').click(function(){
                $('#site_id').val(site_id);
                $('#duplicateForm').attr('action', '{{url('sites/duplicate')}}');
                $('#duplicateForm').submit();
            });

        });
    </script>
@endsection