@extends('layout.mainlayout_admin')
@section('content')
    <!-- Page Wrapper -->
    <div class="page-wrapper">
        <div class="content container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-sm-6">
                        <h3 class="page-title">Modifier l'utilisateur</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index_admin">Home</a></li>
                            <li class="breadcrumb-item "> <a href="/admin/user">Utilisateurs</a></li>
                            <li class="breadcrumb-item active"> {{ $user->first_name . ' ' . $user->last_name }}</li>

                        </ul>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">






                    {{-- ********************_________________________USER INFO_________________________******************** --}}

                    {!! Form::open(['url' => 'admin/user/' . $user->id, 'id' => 'user-edit-form']) !!}
                    {{ Form::hidden('_method', 'PUT') }}
                    {{ csrf_field() }}


                    <div class="row">

                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-body pt-0">
                                    <div class="card-header d-flex justify-content-between align-items-center">
                                        <h5 class="card-title">Info utilisateur</h5>

                                    </div>
                                    <div class="settings-form">

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group form-placeholde">
                                                    <label>Prénom <span class="star-red">*</span></label>
                                                    <input type="text" name="first_name" placeholder="nicolette"
                                                        class="form-control" value="{{ $user->first_name }}">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Nom <span class="star-red">*</span></label>
                                                    <input type="text" name="last_name" placeholder="Shea"
                                                        class="form-control" value="{{ $user->last_name }}">

                                                </div>
                                            </div>
                                        </div>





                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group form-placeholde">
                                                    <label>Email <span class="star-red">*</span> </label>
                                                    <input type="email" name="email" class="form-control"
                                                        placeholder="nicolette@gmail.com" value="{{ $user->email }}">
                                                </div>
                                            </div>

                                        </div>


                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group form-placeholde">
                                                    <label>Mot de passe <span class="star-red">*</span> </label>
                                                    <input type="password" name="password" class="form-control">
                                                </div>
                                            </div>



                                            <div class="col-md-6">
                                                <div class="form-group form-placeholde">
                                                    <label>Confirmez le mot de passe <span class="star-red">*</span></label>
                                                    <input type="password" name="password_confirmation"
                                                        class="form-control">
                                                </div>
                                            </div>


                                        </div>






                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group form-placeholde">
                                                    <label>Numéro de téléphone <span class="star-red">*</span></label>
                                                    <input type="number" name="phone" placeholder="50500500"
                                                        class="form-control" value="{{ $user->phone }}">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group form-placeholde">
                                                    <label>Adresse </label>
                                                    <input type="text" name="address"
                                                        placeholder="Medenine,djerba,midoun" value="{{ $user->address }}"
                                                        class="form-control">

                                                </div>
                                            </div>
                                        </div>




                                        <div class="row">
                                            <div class="col-md-12">

                                                <div class="form-group">
                                                    <label>Entité</label>
                                                    <select name="entity" class="form-control form-select">
                                                        <option value="pdv"
                                                            @if ($user->entity == 'pdv') selected="selected" @endif>Pdv
                                                        </option>
                                                        <option value="franchise"
                                                            @if ($user->entity == 'franchise') selected="selected" @endif>
                                                            Franchise</option>
                                                        <option value="store"
                                                            @if ($user->entity == 'store') selected="selected" @endif>
                                                            Boutique</option>
                                                        <option value="trade"
                                                            @if ($user->entity == 'trade') selected="selected" @endif>
                                                            Trade</option>
                                                        <option value="orange"
                                                            @if ($user->entity == 'orange') selected="selected" @endif>
                                                            Orange</option>
                                                        <option value="k2n"
                                                            @if ($user->entity == 'k2n') selected="selected" @endif>K2N
                                                        </option>
                                                    </select>
                                                </div>

                                            </div>
                                        </div>

                                        <div class="form-group mb-0">
                                            <div class="settings-btns">
                                                <button type="submit" class="btn btn-orange">sauvegarder</button>
                                                <button type="submit" class="btn btn-grey">Annuler</button>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- </form> --}}
                                </div>
                            </div>
                        </div>




                        {{-- ********************_________________________SPIN TO WIN_________________________******************** --}}


                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-body pt-0">
                                    <div class="card-header d-flex justify-content-between align-items-center">
                                        <h5 class="card-title">Roue de la chance</h5>
                                        <div class="status-toggle d-flex justify-content-between align-items-center">
                                            <input type="checkbox" id="status_2" name="spinToWin" class="check"
                                                @if ($user->spinToWin) checked="" @endif>
                                            <label for="status_2" class="checktoggle">checkbox</label>
                                        </div>
                                    </div>




                                    {{-- <form> --}}
                                    <div class="settings-form">




                                        @foreach ($user->awards->count() ? $user->awards : $awards as $award)
                                            <div class="form-group form-placeholder">


                                                <label>{{ $award->name }} <span class="star-red">*</span></label>

                                                <div class="row">


                                                    <div class="col-md-1">
                                                        <a href="profile"><img class="me-2 rounded-circle"
                                                                style="width:45px;height:45px; margin-right:10px"
                                                                src="{{ '/uploads/images/awards/' . $award->image }}"
                                                                alt="User Image">
                                                        </a>

                                                    </div>


                                                    <div class="col-md-11">


                                                        <input type="number" name="awards[{{ $award->id }}]"
                                                            class="form-control spin-input"
                                                            value="{{ $user->awards->count() ? $award->pivot->qt : 0 }}"
                                                            @if (!$user->spinToWin) disabled @endif
                                                            placeholder="000">
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach



                                    </div>
                                    {{-- </form> --}}
                                </div>
                            </div>


                            <div class="card">
                                <div class="card-body pt-0">
                                    <div class="card-header d-flex justify-content-between align-items-center">
                                        <h5 class="card-title">Reservation</h5>
                                        <div class="status-toggle d-flex justify-content-between align-items-center">
                                            <input type="checkbox" id="status_3" name="booking"
                                                @if ($user->booking) checked="" @endif class="check">
                                            <label for="status_3" class="checktoggle">checkbox</label>
                                        </div>
                                    </div>
                                    {{-- <form> --}}
                                    <div class="settings-form">

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group form-placeholde">
                                                    <label>nember de réservations <span class="star-red">*</span></label>
                                                    <input type="number" name="booking_number"
                                                        value="{{ $user->booking_number }}"
                                                        @if (!$user->booking) disabled @endif placeholder="20"
                                                        class="form-control booking-input">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <div
                                                        class="status-toggle d-flex justify-content-between align-items-center">
                                                        <p class="mb-0">Modification</p>
                                                        <input type="checkbox" name="booking_modify"
                                                            @if (!$user->booking) disabled @endif
                                                            @if ($user->booking_modify) checked="" @endif
                                                            id="status_6" class="check booking-input">
                                                        <label for="status_6" class="checktoggle">checkbox</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <div
                                                        class="status-toggle d-flex justify-content-between align-items-center">
                                                        <p class="mb-0">Annulation</p>
                                                        <input type="checkbox" name="booking_cancel"
                                                            @if (!$user->booking) disabled @endif
                                                            @if ($user->booking_cancel) checked="" @endif
                                                            id="status_5" class="check booking-input">
                                                        <label for="status_5" class="checktoggle">checkbox</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                    {{-- </form> --}}
                                </div>
                            </div>
                        </div>


                    </div>
                    {!! Form::close() !!}


                </div>
            </div>
        </div>
    </div>
    <!-- /Page Wrapper -->
    </div>
    <!-- /Main Wrapper -->
@endsection

@section('scripts')
    @parent









    <script type="text/javascript">
        $(function() {

            $('#status_2').on('click', function() {
                if ($(this).is(':checked')) {
                    $('.spin-input').attr('disabled', false);
                } else {
                    $('.spin-input').attr('disabled', true);
                }
            });





            $('#status_3').on('click', function() {



                console.log("status_3 clicked");
                if ($(this).is(':checked')) {
                    $('.booking-input').attr('disabled', false);
                } else {
                    $('.booking-input').attr('disabled', true);
                }
            });



        });
    </script>
@endsection