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

<div class="row">
    <div class="col-12 col-md-6">
        <div class="card">
            <div class="card-header">
                {{ trans('global.show') }} {{ trans('cruds.storeAudit.title') }}
            </div>

            <div class="card-body">
                <div class="form-group">
                    <div class="form-group">
                        <a class="btn btn-default" href="{{ route('admin.store-audits.index') }}">
                            {{ trans('global.back_to_list') }}
                        </a>
                    </div>
                    <table class="table table-bordered table-striped">
                        <tbody>
                            <tr>
                                <th>
                                    {{ trans('cruds.storeAudit.fields.id') }}
                                </th>
                                <td>
                                    {{ $storeAudit->id }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.storeAudit.fields.sa_no') }}
                                </th>
                                <td>
                                    {{ $storeAudit->sa_no }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.storeAudit.fields.date') }}
                                </th>
                                <td>
                                    {{ $storeAudit->date }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.storeAudit.fields.time') }}
                                </th>
                                <td>
                                    {{ $storeAudit->time }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.storeAudit.fields.available_store') }}
                                </th>
                                <td>
                                    {{ $storeAudit->availableStore ? $storeAudit->availableStore->store_name : '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.storeAudit.fields.state') }}
                                </th>
                                <td>
                                    {{ $storeAudit->state ? $storeAudit->state->province_name : '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.storeAudit.fields.city') }}
                                </th>
                                <td>
                                    {{ $storeAudit->city ? $storeAudit->city->city_name : '' }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-6">
        <div class="card">
            <div class="card-header">
                Store Location
            </div>
            <div class="card-body">
                <iframe
                  width="100%"
                  height="390"
                  id="google-iframe"
                  loading="lazy"
                  frameborder="0" style="border:0"
                  src="https://maps.google.com/maps?q={{ $storeAudit->availableStore->google_map_parameter }}&t=&z=13&ie=UTF8&iwloc=&output=embed" allowfullscreen>
                </iframe>
                <input type="hidden" name="google_map_parameter" id="google_map_parameter" value="" />
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('cruds.storeAuditData.title') }}
    </div>

    <div class="card-body">
        <div class="form-group">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        {{-- <th>{{ trans('cruds.storeAuditData.fields.code') }}</th> --}}
                        <th>{{ trans('cruds.storeAuditData.fields.name') }}</th>
                        <th>{{ trans('cruds.storeAuditData.fields.qty') }}</th>
                        <th>{{ trans('cruds.storeAuditData.fields.remark') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($storeAuditData as $sad)
                        <tr>
                            {{-- <td>{{ $sad->product_code }}</td> --}}
                            <td>{{ $sad->product_name }}</td>
                            <td>{{ $sad->quantity }}</td>
                            <td>{{ $sad->remark }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" align="center">No data available in table</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            <div class="form-group">
                <a class="btn btn-default" href="{{ route('admin.store-audits.index') }}">
                    {{ trans('global.back_to_list') }}
                </a>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} Store Audit Pictures
    </div>

    <div class="card-body">
        <div class="form-group">
            @forelse($storeAuditPictures as $picture)
                <a href="{{ $picture->getUrl() }}" target="_blank" rel="noopener noreferrer" style="display: inline-block">
                    <img src="{{ $picture->getUrl() }}" alt="{{ $picture->filename }}" class="img-thumbnail" style="width: 200px; height: 200px;">
                </a>
            @empty
                <p>No image data available</p>
            @endforelse
        </div>
    </div>
</div>



@endsection