@extends('admin.layout')

@section('content')

<div class="row mb-3">

    <div class="col-md-12 d-flex align-items-center">

        <a href="{{ route('reward_master') }}" class="btn btn-secondary me-3">
            <i class="bi bi-arrow-left"></i> Back
        </a>

        <h4 class="fw-bold mb-0">
            Edit Reward Master
        </h4>

    </div>




<br>
</br>

<br>
</br>
    <div class="card shadow-sm">

        <div class="card-header bg-white">
            <h5 class="mb-0 text-primary">
                Edit Reward Configuration
            </h5>
        </div>

        <div class="card-body">

            <form action="{{ route('update_reward_master', $reward->id) }}" method="POST" id="rewardEditForm">
                @csrf
             

                <div class="row">

                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Active From Time
                        </label>

                        <input type="time"
                               name="active_from_time"
                               class="form-control"
                               value="{{ old('active_from_time',$reward->active_from_time) }}"
                               required>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Active To Time
                        </label>

                        <input type="time"
                               name="active_to_time"
                               class="form-control"
                               value="{{ old('active_to_time',$reward->active_to_time) }}"
                               required>
                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">
                            Screen
                        </label>

                        <select name="screen_name"
                                id="screen_name"
                                class="form-control"
                                required>

                            <option value="Home"
                                {{ $reward->screen_name=='Home' ? 'selected' : '' }}>
                                Home
                            </option>

                            <option value="Category"
                                {{ $reward->screen_name=='Category' ? 'selected' : '' }}>
                                Category
                            </option>

                        </select>

                    </div>

                    <div class="col-md-6 mb-3"
                         id="category_div"
                         style="{{ $reward->screen_name=='Category' ? '' : 'display:none;' }}">

                        <label class="form-label">
                            Category
                        </label>

                        <select name="category_id"
                                class="form-control">

                            <option value="">
                                Select Category
                            </option>

                            @foreach($categories as $category)

                                <option value="{{ $category->id }}"
                                    {{ $reward->category_id==$category->id ? 'selected' : '' }}>

                                    {{ $category->category_name }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">
                            Watch Seconds
                        </label>

                        <input type="number"
                               name="watch_sec"
                               class="form-control"
                               value="{{ old('watch_sec',$reward->watch_sec) }}"
                               required>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">
                            Points
                        </label>

                        <input type="number"
                               name="points"
                               class="form-control"
                               value="{{ old('points',$reward->points) }}"
                               required>

                    </div>

                </div>

                <div class="text-end">

                    <a href="{{ url()->previous() }}"
                       class="btn btn-secondary">
                        Back
                    </a>

                    <button type="submit"
                            class="btn btn-primary"
                            id="updateBtn">

                        Update Reward

                    </button>

                </div>

            </form>

        </div>

    </div>

</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>

$('#screen_name').change(function(){

    if($(this).val()=='Category'){

        $('#category_div').show();

    }else{

        $('#category_div').hide();

        $('select[name="category_id"]').val('');

    }

});

$('#rewardEditForm').submit(function(){

    $('#updateBtn')
        .prop('disabled',true)
        .html('<i class="fa fa-spinner fa-spin"></i> Updating...');

});

</script>

@endsection