@extends('panel._theme_dashboard')

@section('content')
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <h5>Novo agendamento</h5>
        </div>
        <form method="post" action="{{route("scheduling.save")}}" enctype="multipart/form-data" id="scheduling-forms">
            @csrf
            <input type="hidden" name="schedule_id" id="schedule_id" value="">
            <div class="row mt-4">
                <div class="col-12 mb-1">
                    <label for="schedule_client">Nome do(a) cliente</label>
                    <input type="text" class="form-control" id="schedule_client" name="schedule_client" required>
                </div>
                <div class="col-12 mb-1">
                    <label for="service_id">Serviço</label>
                    <select class="form-select" id="service_id" name="service_id" required>
                        <option value="">Selecione um serviço</option>
                        @foreach($services as $service)
                            <option value="{{$service->service_id}}" data-value="{{$service->service_value}}">
                                {{$service->service_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-12 mb-1">
                    <label for="schedule_value">Valor</label>
                    <input type="tel" class="form-control" id="schedule_value" name="schedule_value" required>
                </div>
                <div class="col-12 mb-1">
                    <label for="schedule_date">Data</label>
                    <input type="date" class="form-control" id="schedule_date" name="schedule_date"
                           value="{{ now()->format('Y-m-d') }}" required>
                </div>
                <div class="col-6 mb-1">
                    <label for="schedule_time_start">Início</label>
                    <input type="time" class="form-control" id="schedule_time_start" name="schedule_time_start" required>
                </div>
                <div class="col-6 mb-1">
                    <label for="schedule_time_end">Término</label>
                    <input type="time" class="form-control" id="schedule_time_end" name="schedule_time_end" required>
                </div>
                <div class="col-12 text-end mt-4">
                    <button type="submit" class="btn bg-purple submit-forms">Adicionar</button>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('customJS')
    <script src="{{asset("assets/js/panel/mobile/scheduling.js")}}"></script>
@endsection