@extends('admin.layouts.masterlayout')
@section('styles')

<link href="{{asset('new_theme/assets/plugins/datatable/css/dataTables.bootstrap5.min.css')}}" rel="stylesheet" />
@endsection
@section('content')
<div class="main-content">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
            <!-- <div class="welcome-text">
                <h4>Edit Youtuber</h4>
                <span class="ml-1">Layout</span>
            </div> -->
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active">
                    <a href="{{route($modelName.'.view')}}">View all Promoters</a></li>
                <li class="breadcrumb-item">Edit Promoter</li>
            </ol>
        </div>
    </div>
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Edit Promoter</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open([
                            'role' => 'form',
                            'id' => 'EditUserForm',
                            'route' => [$modelName . '.edit', base64_encode(serialize($user->id))],
                            'files' => true,
                            'method' => 'POST',
                              'enctype' => 'multipart/form-data'
                        ]) }}
                        @csrf

                        <div class="row g-3">

                            <!-- Username -->
                            <div class="col-md-6">
                                <label for="username" class="form-label py-2">Username</label>
                                <input id="username" type="text" placeholder="Enter username here" name="username"
                                       class="form-control rounded-0" value="{{ old('username', $user->username) }}" autocomplete="off">
                                @error('username')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Mobile -->
                            <div class="col-md-6">
                                <label for="mobile" class="form-label py-2">Mobile</label>
                                <input id="mobile" type="text" placeholder="Enter mobile no here" name="mobile"
                                       class="form-control rounded-0" value="{{ old('mobile', $user->mobile) }}" autocomplete="off">
                                @error('mobile')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Email -->
                            <div class="col-md-6">
                                <label for="email" class="form-label py-2">Email</label>
                                <input id="email" type="text" placeholder="Enter email here" name="email"
                                       class="form-control rounded-0" value="{{ old('email', $user->email) }}" autocomplete="off">
                                @error('email')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Gender -->
                            <div class="col-md-6">
                                <label class="form-label py-2 d-block">Gender</label>
                                <div class="d-flex align-items-center">
                                    <div class="form-check me-3">
                                        <input class="form-check-input" type="radio" name="gender" id="gender_male" value="male"
                                            {{ old('gender', $user->gender) == 'male' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="gender_male">Male</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="gender" id="gender_female" value="female"
                                            {{ old('gender', $user->gender) == 'female' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="gender_female">Female</label>
                                    </div>
                                </div>
                                @error('gender')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Image -->
                            <div class="col-md-6">
                                <label for="image" class="form-label py-2">Image</label>
                                <input type="file" class="form-control rounded-0" name="image" id="image" autocomplete="off" onchange="previewImage(event)">
                                @if(!empty($user->image))
                                    <div id="imagePreview" class="mt-2">
                                        <img id="preview" src="{{ asset('uploads/user/'.$user->image) }}" alt="Image Preview" style="width: 200px; height: auto; " />
                                    </div>
                                @else
                                    <div id="imagePreview" class="mt-2">
                                        <img id="preview" src="" alt="Image Preview" style="width: 200px; height: auto; display: none;" />
                                    </div>
                                   
                                @endif
                                @error('image')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Country -->
                            <div class="col-md-6">
                                <label for="country" class="form-label py-2">Country</label>
                                <input id="country" type="text" placeholder="Enter country here" name="country" value="India"
                                       class="form-control rounded-0" value="{{ old('country', $user->country) }}" autocomplete="off" readonly>
                                @error('country')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- States -->
                            <div class="col-md-6">
                                <label for="state" class="form-label py-2">States</label>
                                <select id="state" name="state" class="form-control rounded-0" autocomplete="off">
                                    <option value="">Select states</option>
                                    @if(isset($states) && $states->isNotEmpty())
                                        @foreach($states as $statesval)
                                            <option value="{{ $statesval->id }}"
                                                {{ old('state', $user->state) == $statesval->id ? 'selected' : '' }}>
                                                {{ $statesval->name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                @error('state')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- City -->
                            <div class="col-md-6">
                                <label for="city" class="form-label py-2">City</label>
                                <input id="city" type="text" placeholder="Enter city here" name="city"
                                       class="form-control rounded-0" value="{{ old('city', $user->city) }}" autocomplete="off">
                                @error('city')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- DOB -->
                            <div class="col-md-6">
                                <label for="dob" class="form-label py-2">DOB</label>
                                <input id="dob" type="text" placeholder="Enter DOB here" name="dob"
                                       class="form-control datetimepickerget rounded-0" autocomplete="off"
                                       value="{{ old('dob', ($user->dob && $user->dob != '1970-01-01') ? date('Y-m-d', strtotime(str_replace('/', '-', $user->dob))) : '') }}">
                                @error('dob')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Team -->
                            <div class="col-md-6">
                                <label for="team" class="form-label py-2">Team</label>
                                <input id="team" type="text" placeholder="Enter team name here" name="team"
                                       class="form-control rounded-0" value="{{ old('team', $user->team) }}" autocomplete="off">
                                @error('team')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Promoter Commission Type -->
                            <div class="col-md-6">
                                <label class="form-label py-2">Promoter Commission Type</label>
                                <div class="d-flex align-items-center">
                                    <div class="form-check me-4">
                                        <input type="radio" class="form-check-input" id="commission_flat" name="youtuber_commission_type" value="1"
                                               onchange="toggleCommissionFields('1')" {{ old('youtuber_commission_type', $user->youtuber_commission_type) == '1' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="commission_flat">Flat Amount</label>
                                    </div>
                                    <div class="form-check">
                                        <input type="radio" class="form-check-input" id="commission_revenue" name="youtuber_commission_type" value="0"
                                               onchange="toggleCommissionFields('0')" {{ old('youtuber_commission_type', $user->youtuber_commission_type) == '0' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="commission_revenue">Revenue Percentage</label>
                                    </div>
                                </div>
                                @error('youtuber_commission_type')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Commission Value -->
                            <div class="col-md-6">
                                <label id="value_tagRevenue" class="form-label py-2"
                                    style="{{ old('youtuber_commission_type', $user->youtuber_commission_type) == '0' ? 'display:block;' : 'display:none;' }}">
                                    Percentage %
                                </label>
                                <label id="value_tagFlat" class="form-label py-2"
                                    style="{{ old('youtuber_commission_type', $user->youtuber_commission_type) == '1' ? 'display:block;' : 'display:none;' }}">
                                    Amount
                                </label>
                                <input id="youtuber_commission" name="youtuber_commission" type="text" placeholder="Commission Value" autocomplete="off" class="form-control rounded-0" value="{{ old('youtuber_commission', $user->youtuber_commission) }}">
                                @error('youtuber_commission')
                                    <div class="error-message help-inline text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>

                        <div class="form-group mt-4">
                            <button type="submit" class="btn btn-primary rounded-0">Update</button>
                            <button class="btn btn-gray" type="button"onclick="window.location.reload()">Cancel</button>
                        </div>

                        {{ Form::close() }}
                    </div>
                </div>
        </div>
    </div>
</div>
<script type="text/javascript">
function toggleCommissionFields(type) {
    if (type === '1') {
        $('#value_tagRevenue').hide();
        $('#value_tagFlat').show();

    } else {
        $('#value_tagRevenue').show();
        $('#value_tagFlat').hide();
    }
    $('#youtuber_commission').show();
}

// Auto-run this on page load for edit page
$(document).ready(function() {
    var selectedType = "{{ $user->youtuber_commission_type ?? '' }}";
    if (selectedType === '0' || selectedType === '1') {
        toggleCommissionFields(selectedType);
    }
});
    $(document).ready(function(){
        $(document).on("click","#cancel_btn", function(){
            let href = $(".breadcrumb-item.active a").attr("href");
            window.location = href;
        });
        $('#dob').datetimepicker({
            timepicker: false,
            format:'Y-m-d'
        });
    });
    function previewImage(event) {
    const input = event.target;
    const preview = document.getElementById('preview');

    if (input.files && input.files[0]) {
      const reader = new FileReader();

      reader.onload = function(e) {
        preview.src = e.target.result;
        preview.style.display = 'block';
      }

      reader.readAsDataURL(input.files[0]);
    } else {
      preview.src = '';
      preview.style.display = 'none';
    }
  }
</script>
<!--**********************************
Content body end
***********************************-->
@endsection