@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12">
            <br>
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
        <div class="col-md-12">
            <div class="title-page">
                {{ $user->exists ? 'Editar' : 'Crear' }} Usuario
            </div>
        </div>
        <div class="col-md-12">
            <br>
        </div>
        <div class="col-md-12">
            @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
        </div>
        <div class="col-md-12 text-left">
            @if ($user->exists)
                <form class="" action="{{ route('users.update', $user) }}" method="post">
                    @method('PUT')
                @else
                    <form action="{{ route('users.store') }}" method="POST">
            @endif
            @csrf
            <div class="row">
                <div class="form-group col-md-2">
                    <label for="">Nombres</label>
                    <input type="text" class="form-control" name="first_name"
                        value="{{ old('first_name', $user->first_name) }}">
                </div>
                <div class="form-group col-md-2">
                    <label for="">Apellidos</label>
                    <input type="text" class="form-control" name="last_name"
                        value="{{ old('last_name', $user->last_name) }}">
                </div>
                <div class="form-group col-md-1">
                    <label for="">T. Id</label>
                    <select class="form-control" name="type_identification">
                        <option value="" selected disabled>Seleccione...</option>
                        <option value="cc"
                            {{ old('type_identification', $user->type_identification) == 'cc' ? 'selected' : '' }}>CC
                        </option>
                        <option value="ce"
                            {{ old('type_identification', $user->type_identification) == 'ce' ? 'selected' : '' }}>CE
                        </option>
                    </select>
                </div>
                <div class="form-group col-md-2">
                    <label for="">Identificación</label>
                    <input type="number" class="form-control" name="identification"
                        value="{{ old('identification', $user->identification) }}">
                </div>
                <div class="form-group col-md-3">
                    <label for="">Correo</label>
                    <input type="email" class="form-control" name="email" value="{{ old('email', $user->email) }}">
                </div>
                <div class="form-group col-md-2">
                    <label for="">Celular</label>
                    <input type="number" class="form-control" name="cellphone"
                        value="{{ old('cellphone', $user->cellphone) }}">
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-2">
                    <label for="">Cumpleaños</label>
                    <input type="date" class="form-control" name="birthday" id="birthday"
                        value="{{ old('birthday', $user->birthday) }}">
                </div>
                <div class="form-group col-md-2">
                    <label for="">Genero</label>
                    <select class="form-control" name="gender">
                        <option value="" selected disabled>Seleccione...</option>
                        <option value="Femenino" {{ old('gender', $user->gender) == 'Femenino' ? 'selected' : '' }}>
                            Femenino</option>
                        <option value="Masculino" {{ old('gender', $user->gender) == 'Masculino' ? 'selected' : '' }}>
                            Masculino</option>
                    </select>
                </div>
                <div class="form-group col-md-2">
                    <label for="">Tienda</label>
                    <select class="form-control" name="shop_id">
                        <option value="" selected disabled>Seleccione...</option>
                        @foreach ($shops as $item)
                            <option value="{{ $item->id }}"
                                {{ old('shop_id', $user->shop_id) == $item->id ? 'selected' : '' }}>
                                {{ $item->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-2">
                    <label for="">Dirección</label>
                    <input type="text" class="form-control" name="address" value="{{ old('address', $user->address) }}">
                </div>
                <div class="form-group col-md-2">
                    <label for="">Complemento Dirección</label>
                    <input type="text" class="form-control" name="address_complement"
                        value="{{ old('address_complement', $user->address_complement) }}">
                </div>
                <div class="form-group col-md-2">
                    <label for="">Estado</label>
                    <select class="form-control" name="status">
                        <option value="" selected disabled>Seleccione...</option>
                        <option value="0" {{ old('status', $user->status) == 0 ? 'selected' : '' }}>Inactivo</option>
                        <option value="1" {{ old('status', $user->status) == 1 ? 'selected' : '' }}>Activo</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-success">
                        {{ $user->exists ? 'Actualizar' : 'Crear' }}
                    </button>
                </div>
            </div>
            </form>
        </div>
        <div class="col-md-12">
            <div class="footer-page"></div>
        </div>
    </div>
@endsection

@section('scripts')
    <script nonce="some-nonce">
        $(document).ready(function() {
            let year = new Date().getFullYear();

            $('#birthday').attr({
                "max": dateFormat(18),
                "min": dateFormat(100)
            })
        })

        function dateFormat(num) {
            let today = new Date();
            today.setFullYear(today.getFullYear() - num);

            let formattedDate = [
                today.getFullYear(),
                String(today.getMonth() + 1).padStart(2, '0'),
                String(today.getDate()).padStart(2, '0')
            ].join('-');

            //console.log(formattedDate);
            return formattedDate;
        }
    </script>
@endsection