<x-layouts.app :title="__('settings.title')"><x-customer-shell><header class="tp-page-header"><div><p>{{__('customer.my_account')}}</p><h1>{{__('settings.title')}}</h1><span>{{__('settings.description')}}</span></div></header><div class="tp-settings-grid">
<section class="tp-panel"><h2 class="h5">{{__('settings.appearance')}}</h2><form method="post" action="{{route('settings.appearance')}}">@csrf @method('PUT')<label class="form-label">{{__('settings.language')}}<select class="form-select" name="locale"><option value="tr" @selected(auth()->user()->locale==='tr')>Türkçe</option><option value="en" @selected(auth()->user()->locale==='en')>English</option></select></label><label class="form-label">{{__('settings.theme')}}<select class="form-select" name="theme" data-settings-theme>@foreach(['light','dark','system'] as $v)<option value="{{$v}}" @selected($setting->theme===$v)>{{__('settings.'.$v)}}</option>@endforeach</select></label><label class="form-check"><input type="hidden" name="reduced_motion" value="0"><input class="form-check-input" type="checkbox" name="reduced_motion" value="1" @checked($setting->reduced_motion)> {{__('settings.reduced_motion')}}</label><button class="btn btn-primary mt-3">{{__('settings.save')}}</button></form></section>
<section class="tp-panel"><h2 class="h5">{{__('settings.regional')}}</h2><form method="post" action="{{route('settings.regional')}}">@csrf @method('PUT')<label class="form-label">{{__('settings.timezone')}}<select class="form-select" name="timezone">@foreach(DateTimeZone::listIdentifiers() as $zone)<option @selected($setting->timezone===$zone)>{{$zone}}</option>@endforeach</select></label><label class="form-label">{{__('settings.date_format')}}<select class="form-select" name="date_format">@foreach(['DD.MM.YYYY','YYYY-MM-DD','MM/DD/YYYY'] as $v)<option @selected($setting->date_format===$v)>{{$v}}</option>@endforeach</select></label><label class="form-label">{{__('settings.time_format')}}<select class="form-select" name="time_format"><option value="24" @selected($setting->time_format==='24')>24</option><option value="12" @selected($setting->time_format==='12')>12</option></select></label><button class="btn btn-primary">{{__('settings.save')}}</button></form></section>
<section class="tp-panel"><h2 class="h5">{{__('settings.dashboard')}}</h2><form method="post" action="{{route('settings.dashboard')}}">@csrf @method('PUT')<label class="form-label">{{__('settings.default_project')}}<select class="form-select" name="default_project"><option value="">{{__('settings.all_projects')}}</option>@foreach($projects as $p)<option value="{{$p->ulid}}" @selected($setting->default_project_id===$p->id)>{{$p->name}}</option>@endforeach</select></label><label class="form-label">{{__('settings.default_range')}}<select class="form-select" name="default_report_range">@foreach(['7_days','30_days','90_days','this_month'] as $v)<option value="{{$v}}" @selected($setting->default_report_range===$v)>{{__('settings.ranges.'.$v)}}</option>@endforeach</select></label><label class="form-label">{{__('settings.per_page')}}<select class="form-select" name="per_page">@foreach([10,25,50,100] as $v)<option @selected($setting->per_page===$v)>{{$v}}</option>@endforeach</select></label><button class="btn btn-primary">{{__('settings.save')}}</button></form></section>
<section class="tp-panel"><h2 class="h5">{{__('settings.notifications')}}</h2><form method="post" action="{{route('settings.notifications')}}">@csrf @method('PUT')<label class="form-check"><input type="hidden" name="in_app_notifications" value="0"><input class="form-check-input" type="checkbox" name="in_app_notifications" value="1" @checked($setting->in_app_notifications)> {{__('settings.in_app')}}</label><button class="btn btn-primary mt-3">{{__('settings.save')}}</button></form></section>
<section class="tp-panel tp-settings-reset"><h2 class="h5">{{__('settings.reset')}}</h2><p>{{__('settings.reset_help')}}</p><form method="post" action="{{route('settings.reset')}}" onsubmit="return confirm('{{__('settings.reset')}}?')">@csrf<button class="btn btn-outline-danger">{{__('settings.reset')}}</button></form></section>
</div></x-customer-shell></x-layouts.app>
