@extends('layout.structure')
@section('title-tab')
    Proposte inviate
@endsection
@section('title-page')
    Proposte inviate
@endsection
@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-bordered table-sm" id="offer-table">
                    <thead>
                    <tr>
                        <th>Tipo</th>
                        <th style="width: 460px;">Titolo</th>
                        <th style="width: 160px;">Autore</th>
                        <th>Allegati</th>
                        <th>Data richiesta</th>
                        <th>Stato richiesta</th>
                        <th style="width: 160px;">Azioni</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="modal fade" id="acceptOffer" tabindex="-1" role="dialog" aria-labelledby="acceptOfferLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="" method="post" id="form-accept" enctype="multipart/form-data">
                    @csrf
                    @method('PATCH')
                    <div class="modal-header">
                        <h5 class="modal-title" id="acceptOfferLabel">Avviso</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>
                            Per l'accettazione del corso proposto è necessario caricare il ripilogo firmato dal responsabile.
                        </p>
                        <div class="form-group">
                            <label for="file_course">Seleziona file</label>
                            <input type="file" name="file_course" id="file_course" class="form-control-file">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Chiudi</button>
                        <button class="btn btn-success">Accetta il corso</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="refusedOffer" tabindex="-1" role="dialog" aria-labelledby="refusedOfferLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="" method="post" id="form-refused">
                    @csrf
                    @method('PATCH')
                    <div class="modal-header">
                        <h5 class="modal-title" id="refusedOfferLabel">Avviso</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>
                            Rifiutare il corso proposto
                        </p>
                        <div class="form-group">
                            <label for="motivation">Motivo</label>
                            <textarea class="form-control" name="motivation"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Chiudi</button>
                        <button class="btn btn-danger">Rifiuta il corso</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="emptyModal" tabindex="-1" role="dialog" aria-labelledby="emptyModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Chiudi</button>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('head')
    @parent

@endsection
@section('footer')
    @parent
    <script>

        // function get(){
        //     $.ajax()
        // }

        var offerTable = $('#offer-table').DataTable({
            processing:true,
            serverSide:true,
            ajax: '{{route('admin.get.offers')}}',
            columns:[
                {data: 'type', name:'type'},
                {data: 'title', name:'title'},
                {data: 'user', name:'user'},
                {data: 'attachments', name:'attachments'},
                {data: 'created_at', name:'created_at'},
                {data: 'status', name:'status'},
                {data: 'actions', name:'Azioni', orderable: false, searchable: false},
            ],
            "initComplete":function( settings, json){

                scripts();
            }
        });

        function scripts(){
            $('.btn-motivation').on('click',function(e){
                var route = $(this).data('route');
                $.ajax(
                    route,
                    {
                        method:'GET',
                        success:function (msg) {
                            $('#emptyModal').find('.modal-title').html('Motivo');
                            $('#emptyModal').find('.modal-body').html(msg.motivation);
                            $('#emptyModal').modal('show');
                        }
                    }
                )
            });

            $('.btn-accept-offer').on('click',function(e){
                var route = $(this).data('route');
                $("#form-accept").attr('action',route);
                $('#acceptOffer').modal('show');
            });

            $('.btn-delete-offer').on('click',function(e){
                var route = $(this).data('route');
                $("#form-refused").attr('action',route);
                $('#refusedOffer').modal('show');
            });
        }

        scripts();
    </script>
@endsection