@extends('crm.layouts.master')
@section('title','Working Hours')

@section('main-content')
    <div class="breadcrumb">
        <h3>Working Hours</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>

    <div class="row justify-content-center">
        <div class="col-xl-7 col-lg-9 mb-4">
            <div class="card text-left">
                <div class="card-header">
                    <h5 class="mb-0">General Working Hours</h5>
                </div>
                <div class="card-body">
                    @if(!$office)
                        <div class="alert alert-warning mb-0">No office configuration was found.</div>
                    @else
                        <p class="text-muted mb-4">Set the daily hours when users may access the CRM.</p>
                        <form id="update_office_timings">
                            @csrf
                            <input type="hidden" id="office_id" name="id" value="{{ $office->id }}">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="from">Start time</label>
                                    <input type="time" id="from" name="from" required class="form-control" value="{{ $office->from }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="to">End time</label>
                                    <input type="time" id="to" name="to" required class="form-control" value="{{ $office->to }}">
                                </div>
                            </div>
                            <div class="text-end mt-4">
                                <button class="btn btn-primary" id="update_office_timings_btn" type="submit"><i class="ti ti-device-floppy me-1"></i>Save Working Hours</button>
                            </div>
                        </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection