@extends('dashboard.layouts.master')

@section('css')
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">مديري المخازن ومنافذ البيع</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{trans('labels.dashboard')}}</a></li>
            <li class="breadcrumb-item active">مديري المخازن ومنافذ البيع</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{route('admin.partners.store')}}" method="post">
                        @csrf
                        <div class="form-group">
                            <label>{{trans('labels.name')}}</label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}">
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>{{trans('labels.phone')}}</label>
                            <input type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone') }}">
                            @error('phone')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>{{trans('labels.email')}}</label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}">
                            @error('email')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>نوع الحساب</label>
                            <select name="type" class="form-control @error('type') is-invalid @enderror" required id="type">
                                <option value="">------</option>
                                @foreach($data['types'] as $key => $type)
                                    <option value="{{$key}}">{{$type}}</option>
                                @endforeach
                            </select>
                            @error('type')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group" id="branch" style="display:none;">
                            <label>Branch title</label>
                            <select name="branch_id" class="form-control @error('branch_id') is-invalid @enderror">
                                @foreach($data['branches'] as $branch)
                                    <option value="{{$branch->id}}">{{$branch->title}}</option>
                                @endforeach
                            </select>
                            @error('branch_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group" id="warehouse"  style="display:none;">
                            <label>Warehouse title</label>
                            <select name="warehouse_ids[]" class="form-control @error('warehouse_ids[]') is-invalid @enderror" multiple>
                                @foreach($data['warehouses'] as $warehouse)
                                    <option value="{{$warehouse->id}}">{{$warehouse->name}}</option>
                                @endforeach
                            </select>
                            @error('warehouse_ids[]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>الدور</label>
                            <select name="role_id" class="form-control @error('role_id') is-invalid @enderror">
                                <option value=""></option>
                                @foreach($data['roles'] as $role)
                                    <option value="{{$role->id}}">{{$role->name}}</option>
                                @endforeach
                            </select>
                            @error('role_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>{{trans('labels.password')}}</label>
                            <input type="password" class="form-control @error('password') is-invalid @enderror" name="password" value="{{ old('password') }}">
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <button class="btn btn-primary waves-effect waves-light" type="submit" aria-haspopup="true" aria-expanded="false">
                                {{trans('labels.create')}}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection

@section('script')
    <script>
        $('#type').on('change', function(e){
            $('#warehouse').hide();
            $('#branch').hide();
            if($(this).val() == 'branch'){
                 $('#branch').show();
            }else {
                $('#warehouse').show();
            }
        });
    </script>
@endsection