@extends('admin.master2')
@section('main')
    <main id="js-page-content" role="main" class="page-content">
        <ol class="breadcrumb page-breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);">Admin</a></li>
            <li class="breadcrumb-item">Retailer</li>
            <li class="breadcrumb-item active">Edit</li>
            <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
        </ol>
        <div class="row">
            <div class="col-xl-12">
                <div id="panel-1" class="panel">
                    <div class="panel-hdr">
                        <h2>
                            <i class="subheader-icon fal fa-edit"></i>Edit Retailer</span>
                        </h2>
                        <div class="panel-toolbar">
                            <button class="btn btn-panel waves-effect waves-themed" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
                            <button class="btn btn-panel waves-effect waves-themed" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
                            <button class="btn btn-panel waves-effect waves-themed" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
                        </div>
                    </div>
                    <div class="panel-container show">
                        <div class="panel-content">
                            <div class="panel-tag">
                                Be sure to provide retailer name
                                <button
                                    type="button"
                                    class="float-right btn-sm btn-primary"
                                    onclick="location.href='../index'"
                                >Back to Retailers</button>
                            </div>
                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @endif
                            <form class="needs-validation" novalidate method="post" action="../edit">
                                @csrf
                                <input type="hidden" value="{{$retailer->id}}" name="retailer[id]">
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="name">Name</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="name_addon">
                                                        <i class="far fa-user"></i>
                                                    </span>
                                            </div>
                                            <input id="name"
                                                   type="text"
                                                   aria-describedby="name_addon"
                                                   class="form-control @error('name')is-invalid @enderror"
                                                   name="retailer[name]"
                                                   value="{{ $retailer->name }}"
                                                   autocomplete="name"
                                                   required
                                                   autofocus>
                                            @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Retailer Name is required.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="email">Email</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="email_addon">
                                                        <i class="fas fa-envelope-square"></i>
                                                    </span>
                                            </div>
                                            <input  value="{{ $retailer->email }}"
                                                    aria-describedby="email_addon"
                                                    type="email"
                                                    autocomplete="off"
                                                    id="email"
                                                    class="form-control @error('email')is-invalid @enderror"
                                                    name="retailer[email]"
                                                    autofocus
                                                    placeholder="Email">
                                            @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Plsease provide a vaild email address.
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="phone">Phone</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="phone_addon">
                                                      <i class="fas fa-phone"></i>
                                                    </span>
                                            </div>
                                            <input value="{{ $retailer->phone }}"
                                                   aria-describedby="phone_addon"
                                                   type="tel"
                                                   autocomplete="phone"
                                                   class="form-control"
                                                   name="retailer[phone]"
                                                   id="phone"
                                                   placeholder="Phone">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="address_first_line">First Line of Address</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                        <span class="input-group-text"
                                                              id="address_first_line_addon">
                                                            <i class="fas fa-home"></i>
                                                        </span>
                                            </div>
                                            <input value ="{{  $retailer->first_line_of_address }}"
                                                   type="text"
                                                   aria-describedby="address_first_line_addon"
                                                   class="form-control"
                                                   id="address_first_line"
                                                   name="retailer[first_line_of_address]"
                                                   placeholder="First Line of Address">
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="address_second_line">Second Line of Address</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="address_second_line_addon">
                                                     <i class="fas fa-home"></i>
                                                    </span>
                                            </div>
                                            <input value ="{{ $retailer->second_line_of_address }}"
                                                   type="text"
                                                   aria-describedby="address_second_line_addon"
                                                   class="form-control"
                                                   name="retailer[second_line_of_address]"
                                                   id="address_second_line"
                                                   placeholder="Second Line of Address">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="city">City/Town</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="city_addon">
                                                     <i class="fas fa-city"></i>
                                                    </span>
                                            </div>
                                            <input  value ="{{ $retailer->city }}"
                                                    aria-describedby="city_addon"
                                                    type="text"
                                                    name=retailer[city]
                                                    class="form-control"
                                                    id="city">
                                        </div>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="country">Country</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="country_addon">
                                                     <i class="fas fa-flag"></i>
                                                    </span>
                                            </div>
                                            <select class="form-control"
                                                    id="country"
                                                    name="retailer[country]"
                                                    aria-describedby="country_addon">
                                                @foreach ( $countries as $country)
                                                    <option {{ $country->name == $retailer->country ? "selected" : "" }}>
                                                        {{  $country->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <label for="post_code">Post Code</label>
                                        <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="post_code_addon">
                                                    <i class="fas fa-mail-bulk"></i>
                                                    </span>
                                            <input value ="{{ $retailer->post_code }}"
                                                   aria-describedby="post_code_addon"
                                                   type="text"
                                                   name="retailer[post_code]"
                                                   class="form-control"
                                                   id="post_code">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="city">Scheme</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="city_addon">
                                                     <i class="fas fa-city"></i>
                                                    </span>
                                            </div>
                                            <select class="form-control"
                                                    id="scheme"
                                                    name="scheme[scheme_id]"
                                                    aria-describedby="country_addon"
                                                    required>
                                                <option value="">Please Select</option>
                                                @foreach ( $schemes as $scheme)
                                                    <option value="{{ $scheme->id}}" {{$retailer->schemes->contains($scheme->id) ? 'selected' : ''}}>{{  $scheme->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('scheme')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Scheme is required.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="country">Component</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                     <i class="fas fa-flag"></i>
                                                    </span>
                                            </div>
                                            <select class="form-control"
                                                    id="component"
                                                    name="component[component_id]"
                                                    aria-describedby="country_addon"
                                                    required>
                                                <option value="">Please Select</option>
                                            </select>
                                            @error('component')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Component is required.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                    <label for="webform_payment_ind">Payment on webform</label>
                                    <div class="input-group mb-3">
                                        <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                     <i class="fas fa-flag"></i>
                                                    </span>
                                        </div>
                                        <select class="form-control"
                                                id="webform_payment_ind"
                                                name="retailer[webform_payment_ind]"
                                                aria-describedby="webform_payment_addon"
                                                required>
                                            <option disabled value="">Please Select</option>
                                            <option {{ $retailer->webform_payment_ind == 0 ? "selected" : "" }} value="0">No</option>
                                            <option {{ $retailer->webform_payment_ind == 1 ? "selected" : "" }} value="1">Yes</option>
                                        </select>
                                    </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="city">Location</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="city_addon">
                                                     <i class="fas fa-city"></i>
                                                    </span>
                                            </div>
                                            <select multiple
                                                    class="form-control"
                                                    id="location"
                                                    name="location[][location_id]"
                                                    aria-describedby="country_addon"
                                                    required>
                                                @foreach ( $locations as $location)
                                                    <option value="{{ $location->id}}" {{$retailer->locations->contains($location->id) ? 'selected' : ''}}>{{  $location->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('location')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Location is required.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="country">Category</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                     <i class="fas fa-flag"></i>
                                                    </span>
                                            </div>
                                            <select multiple
                                                    class="form-control"
                                                    id="category"
                                                    name="category[][category_id]"
                                                    aria-describedby="country_addon"
                                                    required>
                                                @foreach ( $categories as $category)
                                                    <option value="{{ $category->id}}" {{$retailer->categories->contains($category->id) ? 'selected' : ''}}>{{  $category->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('category')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Category is required.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <button  type="submit" class="btn btn-primary">Update</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@section('script')
    <script>
        var componentDbValue = "{{ $retailer->components->toArray()[0]['id'] ?? '0'}}";
    </script>
    <script src="{{ asset("js/admin/retailers/edit.js") }}"></script>
@stop
@section ('css')
@stop