@extends('layouts.app')

@isset($client)
    @section('pagetitle', __('Edit Client'))
@else
    @section('pagetitle', __('Add Client'))
@endisset
@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
        <li class="breadcrumb-item active">Admin</li>
        <li class="breadcrumb-item"><a href="{{route('admin.client.index')}}">Clients</a></li>
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

@section('content')

    <section class="content">
        <div class="container-fluid">
            <section class="content">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">{{isset($client) ? $client->name : __("New client") }}</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                @isset($client)
                                    <form enctype="multipart/form-data" action="{{route('admin.client.update', $client)}}" method="post">
                                        @method('PATCH')
                                        @else
                                            <form enctype="multipart/form-data" action="{{route('admin.client.store')}}" method="post">
                                                @endisset
                                                @csrf
                                                <img class="img img-fluid col-xs-12 col-md-2 offset-md-5" @if(isset($client) && $client->logo_path != null) src="{{asset('storage/'.$client->logo_path)}}" @else src="{{asset('img/logov2-main-notext.png')}}" @endif>
                                                <div class="form-group">
                                                    <label for="logo">File input</label>
                                                    <div class="input-group">
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input" name="logo" id="logo">
                                                            <label class="custom-file-label" for="logo">Choose file</label>
                                                        </div>
                                                    </div>
                                                    @error('logo')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="name">{{__('Name')}}</label>
                                                    <input type="text" @isset($client) value="{{$client->name}}" @endisset class="form-control" name="name">
                                                    @error('name')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="is_test_location">{{__('Is test location')}}</label>
                                                    <input type="checkbox" @if(isset($client) && $client->is_test_location) checked @endif class="" name="is_test_location">
                                                    @error('is_test_location')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="use_clients_filter">{{__('Activate location filter')}}</label>
                                                    <input type="checkbox" @if(isset($client) && $client->use_clients_filter) checked @endif class="" name="use_clients_filter">
                                                    @error('use_clients_filter')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="allow_water_usage_calculations">{{__('Activate water usage calculation')}}</label>
                                                    <input type="checkbox" @if(isset($client) && $client->allow_water_usage_calculations) checked @endif class="" name="allow_water_usage_calculations">
                                                    @error('allow_water_usage_calculations')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="theme">{{__('Theme')}}</label>
                                                    <select name="theme" class="form-control select2">
                                                        @foreach($themes as $theme)
                                                            <option @if(isset($client) && $client->theme == $theme->name) selected @endif  value="{{$theme->name}}">{{ $theme->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('theme')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="theme">{{__('Parent client')}}</label>
                                                    <select name="parent_id" class="form-control select2">
                                                        <option value=""> - </option>
                                                        @foreach($parClients as $parClient)
                                                            <option @if(isset($client) && $client->parent_id == $parClient->id) selected @endif  value="{{$parClient->id}}">{{ $parClient->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('parent_id')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <button type="submit" class="btn btn-primary">{{__('Save')}}</button>
                                            </form>
                                    @if(isset($client) && config('app.transfer_ready'))
                                    @livewire('transfer-client-component', ['localClientId' => $client->id])
                                    @endif
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </section>
        </div><!-- /.container-fluid -->
    </section>
@endsection