@extends('adminlte::page')

@section('title', 'Edit Shop')

@section('content_header')
<div class="d-flex justify-content-between align-items-center">
    <div>
        <h1 class="m-0">Edit Shop</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"><a href="{{ route('admin.shops.index') }}">Shops</a></li>
            <li class="breadcrumb-item active">{{ $shop->shop_name }}</li>
        </ol>
    </div>
</div>
@endsection

@section('content')

@if($shop->source === 'field_added')
<div class="alert alert-warning">
    <i class="fas fa-exclamation-triangle mr-1"></i>
    This shop was <strong>added from the field</strong> by an enumerator. Fill in the master-list details
    and mark as verified once reviewed.
    <br><small class="text-muted">
        Editing this record does not retroactively change any submission data that already stored the shop name as text.
    </small>
</div>
@endif

<div class="card card-outline card-primary" style="max-width:700px;">
    <div class="card-body">
        <form action="{{ route('admin.shops.update', $shop) }}" method="POST">
            @csrf @method('PUT')

            <div class="row">
                <div class="form-group col-md-8">
                    <label>Shop name *</label>
                    <input type="text" name="shop_name" value="{{ old('shop_name', $shop->shop_name) }}"
                           class="form-control @error('shop_name') is-invalid @enderror" required>
                    @error('shop_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="form-group col-md-4">
                    <label>Retailer code</label>
                    <input type="text" name="retailer_code" value="{{ old('retailer_code', $shop->retailer_code) }}"
                           class="form-control @error('retailer_code') is-invalid @enderror">
                    @error('retailer_code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="form-group col-md-3">
                    <label>Class</label>
                    <input type="text" name="class" value="{{ old('class', $shop->class) }}"
                           class="form-control" placeholder="e.g. Top">
                </div>

                <div class="form-group col-md-3">
                    <label>Percentile in base (%)</label>
                    <input type="number" name="percentile_in_base" step="0.01" min="0" max="100"
                           value="{{ old('percentile_in_base', $shop->percentile_in_base) }}"
                           class="form-control">
                </div>

                <div class="form-group col-md-6">
                    <label>Address / landmark</label>
                    <input type="text" name="address" value="{{ old('address', $shop->address) }}"
                           class="form-control">
                </div>

                <div class="form-group col-md-3 d-flex align-items-end pb-1">
                    <div class="icheck-success">
                        <input type="checkbox" id="is_verified" name="is_verified" value="1"
                               @checked(old('is_verified', $shop->is_verified))>
                        <label for="is_verified">Mark as verified</label>
                    </div>
                </div>
            </div>

            <div class="text-muted small mb-3">
                Source: <code>{{ $shop->source }}</code> &nbsp;|&nbsp;
                Created: {{ $shop->created_at->format('d M Y') }}
            </div>

            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-1"></i>Save
            </button>
            <a href="{{ route('admin.shops.index') }}" class="btn btn-default ml-2">Cancel</a>
        </form>
    </div>
</div>
@endsection