@extends('layouts.portal.layout')

@section('content')

<div class="container">
    <p class="tagline mt-4 py-2">If you have any query regarding move my day, you can open a <span>Ticket!</span> below</p>
</div>

<!-- Claim -->
<div class="container">
    <div class="accordion accordion-flush" id="accordionFlushExample">
        <div class="card card-primary">
            <form action="{{ route('ticket') }}" method="post" >
                {{ csrf_field() }} 
                <div class="card-header">
                       <b> Create Ticket</b>
                </div> 
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Title</label>
                                <input type="text" name="title" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                <label>Message</label>
                                <textarea name="message" class="form-control" rows="4" class="txtarea" style="height:50%; width:100%"></textarea>
                            </div>
                        </div>
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </div>
        <!-- /.card --> 


        <div class="card mt-5">
            <!-- /.card-header -->
            <div class="card-body">
                <table id="example2" class="table table-bordered table-striped">
                    <thead>
                        <tr style="text-align:center;">
                            <th>Ticket ID</th>
                            <th>Ticket Date</th>
                            <th>Title</th>
                            <th>Status</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($ticket as $item)
                        <tr style="text-align: center;">
                            <td>{{$item->id}}</td>
                            <td>{{date('d-m-Y', strtotime($item->created_at))}}</td>
                            <td>{{$item->ticket_title}}</td>
                            <td class="text-bold text-danger">{{$item->status}}</td>
                            <td><a href="{{ route('ticketdetails', $item->id) }}"><i class="fa fa-eye" aria-hidden="true"></i></a> </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
        <br><br>
    </div>
</div>

@endsection