@extends('adminlte::page')

@section('title', 'Shops')

@section('content_header')
<div class="d-flex justify-content-between align-items-center">
    <div>
        <h1 class="m-0">Shops</h1>
        <ol class="breadcrumb mt-1 p-0 bg-transparent">
            <li class="breadcrumb-item"><a href="{{ url('admin') }}">Home</a></li>
            <li class="breadcrumb-item active">Shops</li>
        </ol>
    </div>
    <button type="button" class="btn btn-sm btn-success" data-toggle="modal" data-target="#importModal">
        <i class="fas fa-file-upload mr-1"></i>Import CSV
    </button>
</div>
@endsection

@section('content')

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        {{ session('success') }} <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
@endif
@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show">
        {{ session('error') }} <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
@endif

{{-- Filters --}}
<form method="GET" action="{{ route('admin.shops.index') }}" class="card card-body mb-3 py-2">
    <div class="form-row align-items-end">
        <div class="form-group col-md-4 mb-2">
            <input type="text" name="search" value="{{ request('search') }}"
                   class="form-control form-control-sm" placeholder="Search shop name or code…">
        </div>
        <div class="form-group col-md-2 mb-2">
            <select name="source" class="form-control form-control-sm">
                <option value="">All sources</option>
                <option value="seed_list"  @selected(request('source')==='seed_list')>Seed list</option>
                <option value="field_added" @selected(request('source')==='field_added')>Field added</option>
            </select>
        </div>
        <div class="form-group col-md-2 mb-2">
            <select name="class" class="form-control form-control-sm">
                <option value="">All classes</option>
                @foreach ($classes as $c)
                <option value="{{ $c }}" @selected(request('class')===$c)>{{ $c }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-2 mb-2">
            <select name="verified" class="form-control form-control-sm">
                <option value="">All</option>
                <option value="1" @selected(request('verified')==='1')>Verified</option>
                <option value="0" @selected(request('verified')==='0')>Unverified</option>
            </select>
        </div>
        <div class="form-group col-md-auto mb-2">
            <button type="submit" class="btn btn-sm btn-primary">Filter</button>
            <a href="{{ route('admin.shops.index') }}" class="btn btn-sm btn-default ml-1">Reset</a>
        </div>
    </div>
</form>

<div class="card">
    <div class="card-body p-0">
        <table class="table table-sm table-hover mb-0">
            <thead class="thead-light">
                <tr>
                    <th>Shop name</th>
                    <th>Code</th>
                    <th>Class</th>
                    <th>Percentile</th>
                    <th>Address</th>
                    <th>Source</th>
                    <th>Verified</th>
                    <th width="60"></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($shops as $shop)
                <tr>
                    <td>{{ $shop->shop_name }}</td>
                    <td><code>{{ $shop->retailer_code ?: '—' }}</code></td>
                    <td>{{ $shop->class ?: '—' }}</td>
                    <td>{{ $shop->percentile_in_base !== null ? number_format($shop->percentile_in_base, 1).'%' : '—' }}</td>
                    <td class="text-muted small">{{ $shop->address ?: '—' }}</td>
                    <td>
                        @if($shop->source === 'field_added')
                            <span class="badge badge-warning">field added</span>
                        @else
                            <span class="badge badge-secondary">seed list</span>
                        @endif
                    </td>
                    <td>
                        @if($shop->is_verified)
                            <i class="fas fa-check-circle text-success"></i>
                        @else
                            <i class="fas fa-times-circle text-danger"></i>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('admin.shops.edit', $shop) }}" class="btn btn-xs btn-default">
                            <i class="fas fa-edit"></i>
                        </a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted py-3">No shops found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($shops->hasPages())
    <div class="card-footer">{{ $shops->links() }}</div>
    @endif
</div>

{{-- Import Modal --}}
<div class="modal fade" id="importModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fas fa-file-upload mr-1"></i>Import shops from CSV</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <form action="{{ route('admin.shops.import') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <p class="text-muted small">
                        Required column: <code>shop_name</code>.<br>
                        Optional: <code>retailer_code</code>, <code>class</code>, <code>address</code>,
                        <code>percentile_in_base</code>, <code>rank</code>.
                        Existing records are matched by <code>retailer_code</code>.
                    </p>
                    <div class="form-group">
                        <label>CSV file</label>
                        <input type="file" name="csv_file" class="form-control-file" accept=".csv,.txt" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-upload mr-1"></i>Import
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection