@extends('cms.layouts.main')

@section('content')
@include('cms.layouts.headers.partials', ['title' => 'Edit Record'])

<div class="container-fluid mt--7">
    <div class="card bg-secondary shadow">
        <div class="card-header bg-white border-0">
            <div class="row align-items-center">
                <div class="col">
                    <h3 class="mb-0">{{ $page_info['title'] }}</h3>
                </div>
                <div class="col-auto text-right">
                    <a href="{{ route('admin.'.$page_info['link'].'.index') }}" class="btn btn-sm btn-primary">Back to list</a>
                </div>
            </div>
        </div>
        <div class="card-body">
            @include('cms.components.alert', ['with' => 'status', 'class' => 'success'])
            <form method="post" action="{{ route('admin.'.$page_info['link'].'.update', $row) }}" enctype="multipart/form-data" autocomplete="off">
                @csrf
                @method('put')

                {{-- Draw Number --}}
                @include('cms.components.inputs.select-single', ['label' => 'Draw Number', 'asterix' => true, 'name' => 'draw_id', 'placeholder' => 'Please select a Draw Number', 'rows' => $draws, 'attribute' => 'draw_number'])

                {{-- Balls --}}
                @include('cms.components.inputs.text', ['label' => 'Balls', 'name' => 'balls', 'value' => $row->balls ? implode(" ", $row->balls) : '', 'text' => 'Add balls with space seperated.'])

                {{-- Result --}}
                <label class="form-control-label">Result</label>
                <div class="table-responsive mb-3">
                    <table width="100%" class="table">
                        <thead>
                            <th>Winning Numbers</th>
                            <th>Total Prizes (IQD)</th>
                            <th>No. Of Winning Grids</th>
                            <th>Prize Per Grid (IQD)</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input name="winning_numbers[]" class="form-control form-control-alternative" value="6 Good Numbers" readonly></td>
                                <td><input name="total_prizes[]" class="form-control form-control-alternative total_prizes_js" value="{{ old('total_prizes.0', $row->results[0][1]) }}"></td>
                                <td><input name="number_winning_grids[]" class="form-control form-control-alternative winning_grids_js" value="{{ old('number_winning_grids.0', $row->results[0][2]) }}"></td>
                                <td><input name="prize_per_grid[]" class="form-control form-control-alternative prize_per_grid_js" value="{{ old('prize_per_grid.0', $row->results[0][3]) }}"></td>
                            </tr>
                            <tr>
                                <td><input name="winning_numbers[]" class="form-control form-control-alternative" value="5 Good Numbers + 1 Additional" readonly></td>
                                <td><input name="total_prizes[]" class="form-control form-control-alternative total_prizes_js" value="{{ old('total_prizes.1', $row->results[1][1]) }}"></td>
                                <td><input name="number_winning_grids[]" class="form-control form-control-alternative winning_grids_js" value="{{ old('number_winning_grids.1', $row->results[1][2]) }}"></td>
                                <td><input name="prize_per_grid[]" class="form-control form-control-alternative prize_per_grid_js" value="{{ old('prize_per_grid.1', $row->results[1][3]) }}"></td>
                            </tr>
                            <tr>
                                <td><input name="winning_numbers[]" class="form-control form-control-alternative" value="5 Good Numbers" readonly></td>
                                <td><input name="total_prizes[]" class="form-control form-control-alternative total_prizes_js" value="{{ old('total_prizes.2', $row->results[2][1]) }}"></td>
                                <td><input name="number_winning_grids[]" class="form-control form-control-alternative winning_grids_js" value="{{ old('number_winning_grids.2', $row->results[2][2]) }}"></td>
                                <td><input name="prize_per_grid[]" class="form-control form-control-alternative prize_per_grid_js" value="{{ old('prize_per_grid.2', $row->results[2][3]) }}"></td>
                            </tr>
                            <tr>
                                <td><input name="winning_numbers[]" class="form-control form-control-alternative" value="4 Good Numbers" readonly></td>
                                <td><input name="total_prizes[]" class="form-control form-control-alternative total_prizes_js" value="{{ old('total_prizes.3', $row->results[3][1]) }}"></td>
                                <td><input name="number_winning_grids[]" class="form-control form-control-alternative winning_grids_js" value="{{ old('number_winning_grids.3', $row->results[3][2]) }}"></td>
                                <td><input name="prize_per_grid[]" class="form-control form-control-alternative prize_per_grid_js" value="{{ old('prize_per_grid.3', $row->results[3][3]) }}"></td>
                            </tr>
                            <tr>
                                <td><input name="winning_numbers[]" class="form-control form-control-alternative" value="3 Good Numbers" readonly></td>
                                <td><input name="total_prizes[]" class="form-control form-control-alternative total_prizes_js" value="{{ old('total_prizes.4', $row->results[4][1]) }}"></td>
                                <td><input name="number_winning_grids[]" class="form-control form-control-alternative winning_grids_js" value="{{ old('number_winning_grids.4', $row->results[4][2]) }}"></td>
                                <td><input name="prize_per_grid[]" class="form-control form-control-alternative prize_per_grid_js" value="{{ old('prize_per_grid.4', $row->results[4][3]) }}"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                @if($errors->has('total_prizes.*'))
                <span class="invalid-feedback text-danger d-block" role="alert">
                    <strong>{{ $errors->first('total_prizes.*') }}</strong>
                </span>
                @endif

                @if($errors->has('number_winning_grids.*'))
                <span class="invalid-feedback text-danger d-block" role="alert">
                    <strong>{{ $errors->first('number_winning_grids.*') }}</strong>
                </span>
                @endif

                @if($errors->has('prize_per_grid.*'))
                <span class="invalid-feedback text-danger d-block" role="alert">
                    <strong>{{ $errors->first('prize_per_grid.*') }}</strong>
                </span>
                @endif

                {{-- Youtube --}}
                @include('cms.components.inputs.text', ['label' => 'Youtube', 'name' => 'youtube'])

                {{-- Image --}}
                @include('cms.components.inputs.image', ['label' => 'Image', 'asterix' => false, 'name' => 'image'])

                {{-- Next Loto Jackpot --}}
                @include('cms.components.inputs.number', ['label' => 'Next Loto Jackpot', 'asterix' => true, 'name' => 'next_loto_jackpot'])

                <div class="text-center">
                    <button type="submit" class="btn btn-success mt-4">Save</button>
                </div>
            </form>
        </div>
    </div>

    @include('cms.layouts.footers.auth')
</div>
@endsection

@push('script')
<script type="text/javascript">
    $('.winning_grids_js').on('keyup', function(){
        var winning_grids = $(this).val();
        var prize_per_grid = $(this).closest('tr').find('.prize_per_grid_js').val();

        var total = winning_grids * prize_per_grid;
        $(this).closest('tr').find('.total_prizes_js').val(total);
    });

    $('.prize_per_grid_js').on('keyup', function(){
        var winning_grids = $(this).closest('tr').find('.winning_grids_js').val();
        var prize_per_grid = $(this).val();

        var total = winning_grids * prize_per_grid;
        $(this).closest('tr').find('.total_prizes_js').val(total);
    });
</script>
@endpush