@extends('layouts.app', ['title' => __('Ticket Management')])

@section('content')
<div class="header bg-gradient-primary pb-6 pt-5" style="padding-top:4rem !important">
    </div>

<div class="container-fluid mt--7">
    <div class="row">
        <div class="col-xl-4">
            <div class="card shadow mb-4">
                <div class="card-header bg-transparent border-0">
                    <h3 class="mb-0"><i class="fas fa-plus-circle mr-2"></i>{{ __('New Ticket') }}</h3>
                </div>
                <div class="card-body pt-0">
                    @include('partials.flash')
                    
                    <form method="post" action="{{ route('restaurant.tickets.create') }}">
                        @csrf
                        <div class="form-group mb-3">
                            <label class="form-control-label small">{{ __('Subject') }}</label>
                            <input type="text" name="subject" id="subject" class="form-control form-control-sm form-control-alternative{{ $errors->has('subject') ? ' is-invalid' : '' }}" placeholder="{{ __('Enter subject...') }}" required>
                            @if ($errors->has('subject'))
                                <span class="invalid-feedback"><strong>{{ $errors->first('subject') }}</strong></span>
                            @endif
                        </div>

                        <div class="form-group mb-3">
                            <label class="form-control-label small">{{ __('Description (EN)') }}</label>
                            <textarea name="description" id="description" rows="4" class="form-control form-control-sm form-control-alternative{{ $errors->has('description') ? ' is-invalid' : '' }}" placeholder="{{ __('Describe your issue...') }}" required></textarea>
                            @if ($errors->has('description'))
                                <span class="invalid-feedback"><strong>{{ $errors->first('description') }}</strong></span>
                            @endif
                        </div>

                        <div class="form-group">
                            <div class="g-recaptcha" data-sitekey="6LePUzsqAAAAAEJTWjFuMHzC_OUsJUpdHy5Rb1xI"></div>
                            @if ($errors->has('g-recaptcha-response'))
                                <small class="text-danger"><strong>{{ $errors->first('g-recaptcha-response') }}</strong></small>
                            @endif
                        </div>

                        <button type="submit" class="btn btn-primary btn-block">{{ __('Submit Ticket') }}</button>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-xl-8">
            <div class="card shadow">
                <div class="card-header border-0">
                    <div class="row align-items-center">
                        <div class="col">
                            <h3 class="mb-0">{{ __('Recent Tickets') }}</h3>
                        </div>
                    </div>
                </div>
                
                <div class="table-responsive">
                    <table class="table align-items-center table-flush table-sm">
                        <thead class="thead-light">
                            <tr>
                                <th style="width: 50px">{{ __('SL') }}</th>
                                <th>{{ __('Subject') }}</th>
                                <th class="text-center">{{ __('Status') }}</th>
                                <th class="text-right">{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($tickets as $key => $ticket)
                            <tr>
                                <td>{{ $key + 1 }}</td>
                                <td class="font-weight-600">{{ $ticket->subject }}</td>
                                <td class="text-center">
                                    <span class="badge badge-pill {{ $ticket->status == 'open' ? 'badge-success' : 'badge-secondary' }}">
                                        {{ $ticket->status }}
                                    </span>
                                </td>
                                <td class="text-right">
                                    <a href="{{ route('restaurant.ticket.view', $ticket->id) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-eye"></i> {{ __('View') }}
                                    </a>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="4" class="text-center py-4 text-muted">
                                    {{ __('No tickets found.') }}
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="card-footer py-3">
                    </div>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth')
</div>
@endsection