@extends('layouts.app')
@section('content')
<h1 class="page-header">Cards Management</h1>
<div class="panel panel-inverse border-0">
    <div class="panel-heading">Edit Card</div>
    <form action="{{ route('card.update', $card->id) }}" method="POST">
        @method('PUT')
        @csrf
        <div class="panel-body">
            <div class="row my-4">
                <label for="card_no" class="col-form-label col-md-2">Card No.</label>
                <div class="col-md-10">
                    <input type="text" id="card_no" name="card_no" value="{{ $card->card_no }}" class="form-control @error('card_no') is-invalid @enderror">
                    @error('card_no')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="site_id" class="col-form-label col-md-2">Site ID</label>
                <div class="col-md-10">
                    <input type="text" id="site_id" name="site_id" value="{{ $card->site_id }}" class="form-control @error('site_id') is-invalid @enderror">
                    @error('site_id')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            {{-- <div class="row mb-4">
                <label for="card_type" class="col-form-label col-md-2">Card Type</label>
                <div class="col-md-10">
                    <div class="form-check mt-2 mb-2">
                    <input class="form-check-input @error('is_prepaid') is-invalid @enderror" name="is_prepaid" type="checkbox" value="{{ ($card->is_prepaid == 1 ? '1' : '0')  }}" id="is_prepaid" @checked($card->is_prepaid == 1)>
                    <label class="form-check-label" for="card_type">
                        Prepaid
                    </label>
                    @error('is_prepaid')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                    </div>
                    <div class="form-check">
                    <input class="form-check-input @error('is_season') is-invalid @enderror" name="is_season" type="checkbox" value="{{ ($card->is_season == 1 ? '1' : '0')  }}" id="is_season" @checked($card->is_season == 1)>
                    <label class="form-check-label" for="card_type">
                        Season
                    </label>
                    @error('is_season')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                    </div>
                </div>
            </div> --}}
            <div class="row mb-4">
                <label for="batch_no" class="col-form-label col-md-2">Batch No.</label>
                <div class="col-md-10">
                    <input type="text" id="batch_no" name="batch_no" value="{{ $card->batch_no }}" class="form-control @error('batch_no') is-invalid @enderror">
                    @error('batch_no')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="status" class="col-form-label col-md-2">Status</label>
                <div class="col-md-10">
                    <select name="status" id="status" class="form-select @error('status') is-invalid @enderror text-capitalize">
                        <option value="">--Select status--</option>
                        @foreach ($cardStatus as $item)
                            <option value="{{ $item->card_status }}" @selected($item->card_status == $card->status->value)>
                                {{ $item->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('status')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>
        <div class="panel-footer text-end">
            <a href="{{ route('card.index') }}" class="btn btn-white">Back</a>
            <button type="submit" class="btn btn-primary">Confirm Changes</button>
        </div>
    </form>
</div>
@endsection