@extends('layouts.templatemedflix')

@section('content')

<!-- ============================================================== -->
<!-- pageheader  -->
<!-- ============================================================== -->
<div class="row">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="page-header">
            <h2 class="pageheader-title">Tickets</h2>
            @if ($message = Session::get('success'))
                <div class="alert alert-success alert-block">
                    <strong><center>{{ $message }}</center></strong>
                </div>
            @endif
        </div>
    </div>
</div>
<!-- ============================================================== -->
<!-- end pageheader  -->
<!-- ============================================================== -->
<div class="row">
    <div class="col-sm-12 col-lg-6 col-md-6 col-12">
        <div class="dataTables_length bs-select" id="dtBasicExample_length">
            
        </div>
    </div>
</div>
<div class="ecommerce-widget">
    <div class="row">
        <!-- ============================================================== -->

        <!-- ============================================================== -->

                    <!-- recent Tickets  -->
        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Tickets Recientes</h5>
                <div class="card-body p-0">
                    <div class="table-responsive p-3">
                        {{-- START : Tickets All Tablet --}}
                        {{--    --}}
                        {{--    --}}
                        
                        <table class="table table-striped mydatatable" id="myTable">
                            <thead class="bg-light">
                                <tr class="border-0">
                                    <th class="border-0"></th>
                                    <th class="border-0">Favoritos</th>
                                    <th class="border-0"> # </th>
                                    <th class="border-0">Paciente</th>
                                    <th class="border-0">Plan Medico</th>
                                    <th class="border-0">Status</th>
                                    <th class="border-0">Actividad más reciente</th>
                                    <th class="border-0">Fecha de solicitud</th>
                                    <th class="border-0">Asignado</th>
                                </tr>
                            </thead>
                            {{--  --}}
                            <tbody>
                                @foreach ( $tickets as $ticket )
                                <tr>
                                    <td>
                                        <form method="post" action="tickets/{{ $ticket->id }}" id="putInput">
                                        <input type="hidden" name="_method" value="PUT">
                                        {{ csrf_field()}}
                                        @if (Auth::user()->following->contains('ticket_id',$ticket->id))
                                            <form method="post" action="" id="myUnfollowTicketForm">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="_method" value="DELETE">
                                            @php($tableInput = "Following")
                                            <button type="submit" class="btn btn-link btn-xs">
                                                <span style="color:#f6e58d;">
                                                    <i class="fas fa-star"></i>  
                                                </span>
                                            </button>
                                            </form>
                                        @elseif (Auth::user()->name == $ticket->assigned_user)
                                            <form method="post" action="" id="myUnfollowTicketForm">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="_method" value="DELETE">
                                            @php($tableInput = "Following")
                                            <button type="submit" class="btn btn-link btn-xs">
                                                <span style="color:#f6e58d;">
                                                <i class="fas fa-star"></i>  
                                                </span>
                                            </button>
                                            </form>
                                        @else
                                            @php($tableInput = "Follow")
                                            <button type="submit" class="btn btn-link btn-xs">
                                                <span style="color:#f6e58d;">
                                                <i class="far fa-star"></i>
                                                </span>
                                            </button>                                   
                                        @endif
                                        <input type="text" value="20" name="action" id="action" hidden>
                                        </form>
                                    </td>

                                    <td>{{ $tableInput }}</td>

                                    <td><a href="tickets/{{ $ticket->id }}">{{ $ticket->ticket_number }}</a></td>

                                    <td>{{ $ticket->userprofile->user->name }}</td>

                                    <td>{{ $ticket->userprofile->user->medical_plan->first()->plan_name }}</td>

                                    <td>{{ $ticket->status }}</td>

                                    <td>{{$ticket->activities->first()->description}}</td>

                                    <td>{{ $ticket->created_at }}</td>

                                    <td>{{ $ticket->assigned_user}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                            {{--  --}}
                            <tfoot>
                                <tr class="border-0">
                                    <th class="border-0">Favoritos</th>
                                    <th class="border-0"> # </th>
                                    <th class="border-0">Paciente</th>
                                    <th class="border-0">Plan Medico</th>
                                    <th class="border-0">Status</th>
                                    <th class="border-0">Actividad más reciente</th>
                                    <th class="border-0">Fecha de solicitud</th>
                                    <th class="border-0">Asignado</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!--  -->
    </div>
    <a class="btn btn-outline-success btn-lg" href="{{ url('tickets/create') }}" role="button" id="addButton">Add Ticket</a>
</div>

    <script>
        $('.mydatatable').DataTable({
            //searching: false,
            //ordering: false,
            //orderMulti: false,
            "columnDefs": [ {"targets": [0,1],"orderable": false} ],
            //columnDefs:[{orderable:false, targets:[0]}],
            lengthMenu: [[5,10,25,50, -1], [5,10,25,50,"All"]],
            //
            initComplete:function(){
                this.api().columns([1,4,5,8]).every(function(){
                    var columns = this;
                    var select = $('<select id="selectTable"><option value="">'+ $(columns.header()).html() +'</option></select>')
                        .appendTo($(".mydatatable thead tr:eq(0) th").eq(columns.index()).empty() )
                        .on('change', function(){
                            var val = $.fn.dataTable.util.escapeRegex(
                                $(this).val()
                            );
                            columns.search(val?'^'+val+'$':'', true, false).draw();
                        });
                        columns.data().unique().sort().each(function(d,j){
                            select.append('<option value="'+d+'">'+d+'</option>');
                    });
                });
            },
            //
        });
    </script>
@endsection